小编Row*_* K.的帖子

我面临一个小问题,我以前从未真正处理过.我是初学网页设计师,最近我在网页上的div上使用了CSS悬停功能.当一个人在这个div上盘旋时,会发现另一张图片; 然而,当你"解开"时,新图像会消失,我希望它保持可见.

以下是我使用的代码示例:

#about {
height: 25px;
width: 84px;
background-image: url('about.png');
position: absolute;
top: 200px;
left: 0px;
}

#onabout {
height: 200px;
width: 940px;
position: absolute;
top: 60px;
left: 0px;
color: #fff;
font-family: 'Lato', sans-serif;
font-size: 15px;
font-weight: 300;
display: none;
}

#about:hover #onabout {
display: block;
}

有没有办法用CSS解决这个问题？到目前为止我还没有使用任何JavaScript,我对它不太满意.

无论哪种方式,任何解决方案都将很乐意接受!非常感谢.

我是网络开发的超级初学者,我有一个关于尝试"交换"两个图像的问题.

我有这个CSS和标记写,但由于某种原因它似乎没有工作.当悬停在第一个图像上时,应该交换的第二个图像只位于页面上第一个图像的顶部.

CSS:

.home  {
  margin: 0;
  padding: 0;
  background: url('images/onhome.png') no-repeat;
}

.home a, .nav a:link, .nav a:visited {
  display: block;
  width: 90px;
  height: 25px;
}

.home a:hover img {
  visibility: hidden;
}

HTML:

<div class="home">
  <a href="#">
    <img src="style/images/home.png" width="65" height="18" alt="" />
  </a>
</div>

我不确定会出现什么问题,如果有人可以帮助我,我会非常感激.如果有另一种更好的方法来做到这一点,我肯定会对此持开放态度.