JQuery Plugin (Hover-Caption) 在 Internet Explorer 中为图像添加偏移量（所有版本）

Posted 2023-03-06

【中文标题】JQuery Plugin (Hover-Caption) 在 Internet Explorer 中为图像添加偏移量（所有版本）

【英文标题】：JQuery Plugin (Hover-Caption) Adding Offset to Images In Internet Explorer (all versions)

【发布时间】：2012-09-01 00:15:56

【问题描述】：

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

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

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

我是新的网络开发人员，所以我正在努力弄清楚如何隔离问题。基于这个***条目（How do I get rid of an element's offset using CSS?），我目前的思路是添加一个特定于IE的CSS表来“反转”偏移量，但我似乎无法理解有问题的元素。我也很困惑为什么在主页上工作而不在类别页面上工作。如果您仔细观察页面加载，它最初会正确加载，然后在最后图像会向下移动。也许这是一个线索。

第一个 *** 条目，所以我希望我遵循了正确的礼仪。如果您需要我提供更多信息，请告知。

感谢您花时间阅读问题。

问候西蒙

【问题讨论】：

你有解决方案吗？

【参考方案1】：

这与标题内内容的替换有关，可能是关于 ie9 的一些怪癖，其他人会对我有更多的想法 只是这样你就可以相信我的话：http://jsfiddle.net/BXjK3/ 前两个我已经删除了所有更大、更小和引号，它可以工作，但我会说浏览器在 javascript 可以看到它之前进行替换，这一切都走下坡路

编辑：值得一提的是它看起来像这样的原因是因为文本不再正确包含，因此 display none 没有对其生效，将所有图像向下推并使其混乱，由于方式内容已加载，ie 检查无法显示文本在 javascript 之后的情况，只能显示页面加载时加载的内容，所以我无法为您提供更多帮助

【讨论】：

谢谢。它对您如何隔离问题很有启发意义。现在我需要了解创建标题条目的代码。干杯。