我制作了 tumblr 主题(尽管我既不是专业人士也不是学生,但我是通过四处乱逛来学习我所知道的)并且我一直在为帖子图片的“故障”而苦苦挣扎。
基本上,当您将鼠标悬停在帖子上时,图像会向右“丢失”几个像素,几秒钟后就会“恢复”,这会影响完整图像和最终的图像填充 - 这种情况只会发生在 webkit 浏览器中。
举个例子: http://songbirdtheme8.tumblr.com/
和代码: http://pastebin.com/XZgihVeX
如果向下滚动页面,可以看到棉花糖的图片不受此影响。我想知道:
- 为什么会发生这一切?
- 如何解决?
最佳答案
我找到了解决方案,但我不能确切地说出问题是什么。
解决方法如下:
#post img { padding-right: 0 }
(不相关)你不应该对多个元素使用相同的id,你应该把#post,变成.post(你必须自己弄清楚为什么)
关于html - 悬停时图像宽度为 'malfunctioning'(webkit),如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24555314/