Question

基本上，我想在我的网页上创建一个按钮，当鼠标悬停在它上面时，会显示两个图像，一个在另一个上面。出现的底部图像应该是动画.gif，第二个是带有白色和透明背景的单词（'blog'，'music'等）的.gif文件（这样它后面的.gif就可以了仍然可以看到）。我试图在动画.gif的顶部添加单词，但它的颜色托盘不允许白色（只有浅灰色，这根据设计是不可接受的。）

我对html / css很新，所以可能有更好的方法可以一起完成这些。

Answer 1

你想要一个带有链接的内部。 css应该如下：

div.background_image{
background: url('path/to_your/image.gif') no-repeat 0 0;
}
a.top_image:hover{
width: Xpx;
height: Xpx;
display: block;
background:transparent url('path/to_your/image.gif') no-repeat 0 0;
}

使链接尺寸与背景图像div相同。应该好好去。这假定您希望背景图像div始终存在。：悬停是使图像显示在翻转上的原因

如何使用悬停显示2张图像？

1 个答案: