html - Css .gif 闪烁故障排除?

标签 html css

问题?是什么导致鼠标悬停在图像上闪烁?如果图像是 .jpg,它会做同样的事情吗?是否有任何预防措施,将阻止此预加载页面等 谢谢

最佳答案

我想您是在谈论悬停状态与非悬停状态有不同的 background-img url 吗?如果是这样,我的首选解决方案是使用在同一图像中同时包含静态和悬停状态的 Sprite ,并使用背景位置简单地向上/向下滑动图像。这可以防止悬停时等待图像加载,并且不应有任何闪烁。

这是一个简单的例子:http://www.w3schools.com/css/css_image_sprites.asp

关于html - Css .gif 闪烁故障排除?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27260729/

相关文章:

html - 大图像拉伸(stretch)元素尽管最大宽度 : 98%

javascript - 将谷歌地图高度设置为图像高度

html - CSS - 使用关键帧动画时隐藏x轴上的滚动条

html - 为什么 "negative margin and float applied elements"重叠?

javascript - KineticJS Inside of Shape 和/或 Fill 未在 Windows 8 下的 Chrome 中呈现

html - 拆分 html 表

javascript - 检测换行符javascript

java - Vaadin 为什么我的 setvisible 不起作用?设计始终被展现

javascript - Javascript/Jquery 中的 setTimeout

html - Chrome/GMail : should be 29px, 中奇怪的图像大小为 27.986px