我正在使用带有Alpha通道的.png图像来更改悬停时的图像。当我将鼠标悬停在图像上时,背景颜色会改变。因此,看起来图像发生了变化。但是现在我有一个问题。这适用于所有浏览器,但不适用于Firefox。在firefox somethimes中,图像旁边会出现一条细线。我如何确保这不会发生。
这是在firefox中发生的错误:
这就是应该的样子。
您不能将2个背景分配给一个元素,因此您需要使用2个元素,如下所示:
.object{
float: left;
border: 1px solid #FFF;
}
.object:hover{
background: #FEF;
border: 1px solid #F00;
}
<div class="object">
<img src="https://wiki.videolan.org/skins/common/images/vlc_wiki.png"/>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句