JQuery插件(悬停字幕)在Internet Explorer中为图像添加偏移(所有版本)

时间:2012-09-07 06:05:38

标签: css wordpress internet-explorer jquery-plugins hover

我有一个Wordpress网站,它使用名为Hover-Caption(https://github.com/coryschires/hover-caption)的JQuery插件。

网站的主页:(http://brighidfitzsimons.com)看起来不错。

但是在Internet Explorer 9中,基于类别的类似页面会为后缩略图图像添加282px的顶部偏移。 (http://brighidfitzsimons.com/category/lifestyle/

我是新的网络开发人员,因此我正在努力弄清楚如何隔离问题。根据这个stackoverflow条目(How do I get rid of an element's offset using CSS?),我目前的思路是添加一个IE特定的CSS表来“反转”偏移,但我似乎无法得到有问题的元素。另外我很困惑为什么在主页上工作但不在类别页面上工作。如果您仔细观察页面加载,它最初会正确加载,然后在最后移动图像。也许这是一个线索。

第一个stackoverflow条目,所以我希望我已经遵循正确的ettiquete。如果您需要我提供更多信息,请告知。

感谢您花时间阅读问题。

关心西蒙

1 个答案:

答案 0 :(得分:0)

它与标题内容的替换有关,可能是关于ie9的一些怪癖,其他人对我有更多的想法 这样你就可以接受我的话:http://jsfiddle.net/BXjK3/ 前两个我删除了所有更大,更小和引号,它的工作原理,但我会说浏览器在Javascript可以看到之前进行替换,而且一切都在下山了

编辑:值得一提的是它看起来是因为文本不再被正确包含,因此显示无效对它起作用,将所有图像向下推,使其成为混乱,由于这种方式内容被加载ie即检查不能告诉我文本是如何在javascript后,只有在页面加载时加载的,所以我不能给你更多的帮助