图像交换与CSS - 闪烁问题

我想与CSS交换图像，但当第一次鼠标滚动，而不是一个图像被替换另一个，我首先闪烁。这里是我的CSS代码：（？UL.png）图像交换与CSS - 闪烁问题

#UL { 
    width: 50px; 
    height: 54px; 
    background:url("/img/UL_gr.png") no-repeat;  
} 
#UL:hover { 
    background-image:url("/i/logos/UL.png");   
}

来源

2011-10-28 santa

可能图像尚未加载？ – Litek

预载您的图片并使用精灵。问题解决了！

来源

2011-10-28 15:19:43

+1精灵 - 这将是最好的路线。 –

是忽悠也许是因为浏览器试图在新的图像加载的

刚看到，尝试添加一个img元素用“/我/logos/UL.png“作为src和display：none作为嵌入式样式。在你的页面的某个地方添加，看看是否有帮助。

来源

2011-10-28 15:18:23 danbo

闪烁是因为图像尚未加载，您应该预加载它。有很多方法可以做到这一点，下面是一种方法。它不会显示在页面中，但是由于它位于主体中，它仍然会加载图像。把它放在你的其他内容下面，这样不会减慢任何其他内容的加载速度。

<div style="display:none;"> 
    <img src="/i/logos/UL.png" > 
</div>

来源

2011-10-28 15:18:39

原因很可能是浏览器尚未加载图像。您可以按照this page中所述进行预加载。

来源

2011-10-28 15:19:25 nfechner

图像交换与CSS - 闪烁问题

回答

相关问题