【发布时间】：2014-05-12 15:45:03
【问题描述】：
我在 Windows 7 Professional 64 位上运行 Chrome 版本 33.0.1750.154 m
几年前我创建了这个 WP 插件，它工作得很好（当然可以使用改进），它显示了一个缓存的、风格化的 Google 日历。当我今天将它放到另一个网站时，我遇到了明显的浏览器绘图错误，但只是在这个网站上，这让我相信存在某种 CSS 冲突。
我从http://ebcbuffalo.com/calendar/（在同一浏览器中显示没有任何错误）完整地压缩了插件并将其安装在新网站上：http://faithbaptistspringville.com/monthly-calendar/。如您所见，它们看起来相同。
当我在后者的日历中单击一个事件时，它可能会或可能不会正确绘制 div，即使它正确绘制了它，在关闭事件并单击更多事件后总是会导致绘制错误。当它没有正确绘制时，要查看应有的 div，我只需单击 Chrome 中的另一个选项卡，然后单击返回该选项卡。宾果游戏——它就在那里（直到我向下滚动，它看起来好像是绝对定位的，而实际上它是固定的，然后尝试点击它的链接，它们......不是真的在那里）。
我认为我的 JS 可能有问题，所以我从 Chrome 控制台运行了最基本的命令：jQuery('#id_popup').show(); 和 jQuery('#id_popup').hide();，但它的行为同样奇怪。
我确信这是 Chrome 的一个错误，但为什么它只感染这个网站 (faithbaptistspringville.com)？
这是有效的：
这是错误的 2 个屏幕截图（它的重绘方式完全随机）
【问题讨论】：
-
我无法重现您所描述的错误，在我这边，弹出窗口加载非常缓慢使页面长时间变白（而页面在第一个链接工作正常）。看起来这是您代码中的错误。在 Chrome 和 Opera 中都经过测试。
-
一段时间后，弹出窗口显示为您所描述的，看起来像一个错误，但更糟糕的是，我无法正确关闭它，X 关闭按钮似乎不是交互式 时刻 ...所以很难说是什么原因造成的，而我认为这可能是由代码引起的。
-
您是否尝试过“切换到不同的选项卡并返回”技巧？
-
或者切换到不同的选项卡，我可以选择页面的大部分区域，它通常会正确绘制。
-
我认为您使用 ajax 请求触发弹出窗口，如此快照 i.imgur.com/6iz6RWS.png 中所示。如果是这样，有一个解决方案，但不确定。尝试将
overflow: hidden或overflow: auto设置为您的弹出 div#id_popup。
标签： jquery html css google-chrome browser-bugs