jquery - 为什么这个 div 在 Chrome 中加载不一致？错误？

Question

我的 Chrome 版本 33.0.1750.154 m 在 Windows 7 Professional 64 位上运行

几年前我创建了这个 WP 插件，它工作得很好(当然可以使用改进)，它显示了一个缓存的、程式化的 Google 日历。今天，当我将它放到另一个网站时，我遇到了明显的浏览器绘图错误，但只发生在这个网站上，这让我相信存在某种 CSS 冲突。

我从 http://ebcbuffalo.com/calendar/ 压缩了整个插件(在同一浏览器中显示没有任何错误)并将其安装在新网站上:http://faithbaptistspringville.com/monthly-calendar/ .如您所见，它们看起来完全相同。

当我在后者的日历中单击一个事件时，它可能会或可能不会正确绘制 div，即使它确实正确绘制，在关闭事件并单击更多事件后总是会导致绘制错误。当它绘制不正确时，要按应有的方式查看 div，我只需单击 Chrome 中的另一个选项卡，然后单击返回该选项卡。 Bingo——它就在那里(直到我向下滚动，它看起来好像是绝对定位的，而实际上它是固定的，然后尝试点击它的链接，它们……实际上并不存在)。

我认为我的 JS 可能有问题，所以我从 Chrome 控制台运行了最基本的命令:jQuery('#id_popup').show(); 和 jQuery(' #id_popup').hide(); 但它的行为同样奇怪。

我确信这是 Chrome 的一个错误，但为什么它只感染了这个网站 (faithbaptistspringville.com)？

这是工作的:

这是该错误的 2 个屏幕截图(重绘方式完全随机)

Answer 1

我真的不明白为什么这会修复它，但是在我的 chrome(它重现了这个问题)中，我通过将 devtools 中的 css 更改为 #id_popup 来使用 解决了这个问题position: absolute; 而不是 fixed.