html - 悬停时图像宽度为 'malfunctioning'(webkit),如何解决?

标签 html css image webkit width

我制作了 tumblr 主题(尽管我既不是专业人士也不是学生,但我是通过四处乱逛来学习我所知道的)并且我一直在为帖子图片的“故障”而苦苦挣扎。

基本上,当您将鼠标悬停在帖子上时,图像会向右“丢失”几个像素,几秒钟后就会“恢复”,这会影响完整图像和最终的图像填充 - 这种情况只会发生在 webkit 浏览器中。

举个例子: http://songbirdtheme8.tumblr.com/

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

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

  1. 为什么会发生这一切?
  2. 如何解决?

最佳答案

我找到了解决方案,但我不能确切地说出问题是什么。

  1. 解决方法如下:#post img { padding-right: 0 }

  2. (不相关)你不应该对多个元素使用相同的id,你应该把#post,变成.post(你必须自己弄清楚为什么)

关于html - 悬停时图像宽度为 'malfunctioning'(webkit),如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24555314/

相关文章:

javascript - 动画元素不断插入其他元素

javascript - 将 img Javascript 变量转换为 $_FILES ['name' ] ['tmp_name' ];

c# - 如何从 DataGridView 保存和检索按钮

java - 如何获取不是 .jpeg、.gif、.bmp 或 .png 的文件的 BufferedImage

javascript - 使用 jquery 焦点匹配输入字段

html - 将包含嵌入式推文的 div 居中

php - 如何将 sfDoctrineGuardPlugin 登录表单嵌入到现有模板(主页)中并使其采用它出现的模板

javascript - d3js Bars 没有出现在 Legend 上

jquery - 如何在焦点输入的同一父级中滑动类

html - 元素周围的括号样式边框