基本上,我想在网页上创建一个按钮,当鼠标悬停在该按钮上时,该按钮会显示两个图像,一个图像位于另一个图像上方。出现的底部图像应该是一个动画的.gif,第二个图像是一个带有白色单词(“博客”,“音乐”等)和透明背景的.gif(以便其后面的.gif可以仍可见)。我尝试将单词添加到动画.gif的顶部,但是其颜色托盘不允许白色(只能是浅灰色,根据设计,这是不可接受的)。

我是html / css的新手,所以可能会有更好的方法一起完成所有工作。

最佳答案

您将需要在其中包含一个带有链接的。 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。 :hover会使图像在翻转时显示

07-24 09:44
查看更多