Chrome中的文字突然消失

Question

我即将失去理智,试图弄清楚发生了什么.我开始认为我的电脑里有傻笑的人.

我有一个我大约一年前设计的网站,我仍然坚持.我是唯一一个管理网站的人,我没有做任何可以保证问题的改变.我总是在Chrome中工作,所以我所做的任何更改都是可见的.

我刚刚在网站上查看了一些内容,发现菜单文本和页脚小部件文本突然变得不可见.当您将鼠标悬停在菜单所在的位置时,它们将逐一显示.如果您使用开发人员工具并对导航或页脚执行任何操作,它们将重新出现.我试图强制它们使用显示或可见性进行显示,并且它使用开发人员工具在前端工作,但是一旦我将其添加到样式表中.

我检查了所有其他浏览器和设备(甚至使用Chrome),一切都很好.我已停用所有Chrome扩展程序并进行了大量刷新.我在Windows 7上运行最新版本的Chrome.

我在这里失去理智吗？其他人可以复制这个问题吗？如果是这样,那似乎是个问题.

任何帮助表示赞赏.

谢谢.

我猜这个网站会有所帮助......哇抱歉,现在为时已晚.

http://www.thehudsonhairsalon.com/

Answer 1

我想让大家知道，在我一位出色的同事的帮助下，问题已经被发现。我刚刚通过开发人员工具检查了其他人的问题，他们也有同样的问题，并且可以按照我的方式解决。

\n\n

我不知道这是怎么发生的，但是一个神秘的 div 元素进入了我的 < head > 部分。

\n\n

罪魁祸首如下：

\n\n

<div class="fit-vids-style">\n\xc2\xad<style>               \n.fluid-width-video-wrapper {\nwidth: 100%;  position: relative; padding: 0; } \n.fluid-width-video-wrapper iframe,       \n.fluid-width-video-wrapper object,        \n.fluid-width-video-wrapper embed {           \nposition: absolute;                       \ntop: 0;                                   \nleft: 0;                                  \nwidth: 100%;                              \nheight: 100%;}    </style></div>\n

\n\n

我很久以前就设计了这个网站，以至于我不记得它是如何到达那里的，但奇怪的是它现在才开始产生问题。该脚本是一个 custom.js，所以我可能有错误添加它。不确定脚本的来源是否对放置说明有错误。

\n\n

我已经删除了不应该出现在我的元 < head > 中的 div，所有文本现在都按其应有的方式运行，并且我的响应式视频并未受到其删除的影响。

\n\n

希望这对其他人有帮助。

\n\n

编辑。

\n\n

显然，Genesis Studio Press 添加了一个名为 Genesis\nMedia Project 的模块/插件，它会导致相同的脚本加载“fit-vids”，从而将该 div 添加到元标题区域中。要纠正主题中的问题，请通过 FTP 访问您的站点并在该插件文件夹中附加 .old

\n\n

\n
• 问题解决了！
\n

\n\n

还要注意一点：

\n\n

\n

显然这仅影响 PC 版本的 Chrome。

\n

\n