图像宽度'故障'在悬停(webkit),如何解决?

时间:2014-07-03 13:41:07

标签: html css image webkit width

我制作tumblr主题(虽然我不是一个专业人士,也不是学生,我通过搞乱来了解我所知道的)并且我一直在努力解决关于帖子图像的'故障'。

基本上当你将鼠标悬停在一个帖子上时,图像会“向右”丢失几个px,只是为了让它们在几秒钟后“恢复”,这会影响完整图像和最终的图像填充 - 这只会发生在webkit浏览器中。

这是一个例子: http://songbirdtheme8.tumblr.com/

和代码: http://pastebin.com/XZgihVeX

如果向下滚动页面,可以看到棉花糖的图片不受此影响。我想知道:

  1. 为什么整件事都在发生?
  2. 如何解决?

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,但我无法确切地说出问题所在。

  1. 以下是解决方案:#post img { padding-right: 0 }

  2. (不相关)你不应该为多个元素使用相同的id,你应该将#post变为.post(你必须自己弄清楚原因)