谷歌浏览器打开弹窗后出现奇怪的线条，如何避免？

Posted 2023-05-07

【中文标题】谷歌浏览器打开弹窗后出现奇怪的线条，如何避免？

【英文标题】：Strange line on Google Chrome after openning popup, how to avoid it?

【发布时间】：2015-04-04 17:37:22

【问题描述】：

当我打开和关闭包含 youtube 视频的放大弹出窗口时，我的页面中会显示一行。你可以在这里看到它：

您可以在https://demo.socialcondo.com.br 上复制此内容

点击第三个面板上的链接，蓝色的那个。喜欢这里

关闭弹出窗口并返回顶部。这条线会在那里。

我在 Windows 7 和带有 Google Chrome 的 Mac OS 上对其进行了测试。

这在 Firefox 上不会发生。

是什么导致了这种行为？

编辑： 这条线并不总是出现在相同的位置并且具有相同的大小和颜色。如果您尝试复制它，请考虑它。但它总是出现在同一个区域。

编辑 2：这在 Linux 中无法重现

【问题讨论】：

不可重现，Chrome 40.0.2214.94 m，Win 74 x64

@zerkms 感谢您的尝试。

【参考方案1】：

在解决此问题之前，您还必须解决其他严重问题。如果基础不正确，您可能会遇到奇怪的行为 GTmetrixW3C mobileOKW3C CSS 278 errors

【讨论】：

虽然我同意你的观点，但我仍然认为这个错误不会发生。你能重现它吗？

不，我找不到点击的位置。我没看到你显示的内容。

向下滚动，您将看到一个带有建筑物图像的蓝色部分以及打开视频的链接。

好吧，它不起作用。链接图像不会在 FireFox 中呈现。 Inspector 为 <a id="youtube-link" href="https://www.youtube.com/watch?v=yCVljsOofns"> 和 <img id="video-link-img" src="css/img/homepage/watch_video.png" alt="site-para-condominio-video"> 显示了 0 宽度和 0 高度的 BoxModel 但它在 Google Chrome 中运行良好。

尽管当我将鼠标悬停在 Inspector FireFox 中的 IMG 上时，会弹出图像和 184px x 71px。所以图像被加载。这是 FireFox 中流行的 CSS：#video-link-img position: absolute; top: 0px; right: 205px;，位于 bc42e4e4.index.css 的第 17 行