我注意到,标准的:悬停在以非原始宽度值显示的图像上,当鼠标悬停生效时,将导致轻微的摆动动画。我认为这是由于发生了一些像素舍入,但为什么悬停时图像显示不同?
请参考我的测试用例http://jsfiddle.net/z29LM/8/ http://jsfiddle.net/z29LM/8/
请注意,前两个图像在悬停时效果很好(因为它们使用原始图像宽度/高度),但所有其他图像似乎都在右侧和底部添加了 1 个像素。应用哪种悬停效果似乎并不重要(例如,背景颜色会导致相同的问题)。
所以解决方法似乎是打开 Gimp 并手动将图像调整到目标宽度/高度,或者是否有针对此现象的 html/css 修复?
edit:所以这似乎是 Firefox 独有的错误(使用 13.0.1)。答案中发布的链接建议通过添加来快速修复box-shadow: #000 0em 0em 0em;
到图像元素。看http://jsfiddle.net/z29LM/9/ http://jsfiddle.net/z29LM/9/对于固定/工作版本。
这是 Firefox 的一个错误 https://bugzilla.mozilla.org/show_bug.cgi?id=745549(它最初曾被修复,但在 FF10 后重新出现)。
我的明智建议?将浏览器大小调整保持在最低限度。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)