Chrome中的文字突然消失 [英] Text suddenly disappears in Chrome

问题描述

我将要失去我的想法，想弄清楚发生了什么。我开始认为在我的电脑里有gremlins笑我。

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

我只是检查网站上的东西，并注意到菜单文本和页脚窗口小部件文本突然不可见。当您将鼠标悬停在菜单所在的位置时，它们会逐一显示。如果你进入开发者工具并对nav或footer做任何事情，它们将重新出现。我试图强迫他们使用显示或可见性显示，它在前端使用开发工具，但不是一旦我将它添加到样式表。

我有检查每一个其他浏览器和设备（即使使用Chrome），一切都很好。我已停用我的所有Chrome扩充功能，并进行了重新整理。我在Windows 7上运行的是最新版本的Chrome。

我在这里失去了想法吗？任何人都可以复制这个问题吗？如果是这样，似乎是什么问题。

感谢任何帮助。

谢谢。

我想网站会帮助...哇噢，对不起，现在太晚了。

http://www.thehudsonhairsalon.com/

解决方案

我想让大家知道在我的一个惊人的同事的帮助下，这个问题已经找到。我只是通过开发人员工具检查了其他人的问题，他们有相同的问题，它可以解决与我的方式相同。

我不知道这是怎么回事，但一个神秘的div元素发现它的方式到我的&

罪魁祸首如下：

  ; div class =fit-vids-style> 
< style> 
 .fluid-width-video-wrapper {
 width：100％;位置：相对; padding：0; } 
 .fluid-width-video-wrapper iframe，
 .fluid-width-video-wrapper object，
 .fluid-width-video-wrapper embed {
 position：absolute ; 
 top：0; 
 left：0; 
 width：100％; 
 height：100％;}< / style>< / div> 
  

我设计的网站很久以前，我不记得它是如何到达那里，它只是现在开始创建一个问题。脚本是一个custom.js所以我可能是错误的添加它。不知道脚本来自哪里是对于放置说明的错误。

我已经移除了div，该div应该不在我的元<头>，所有的文本现在的行为，它应该和我的响应视频没有受到删除它的影响。

希望这有助于其他人。

编辑 b
$ b

显然，Genesis Studio Press添加了一个名为Genesis
Media Module的模块/插件，它使同一个脚本加载fit-vids，将div添加到元标题区。要解决主题中的问题，请通过FTP访问您的网站，并附加.old

• 的问题解决！

另一个注意事项：

显然这只会影响PC的PC版本。

I am about to lose my mind trying to figure out what is going on. I am starting to think that there are gremlins laughing at me in my computer.

I have a site that I designed about a year ago that I still maintain. I am the only one who manages the website and I have made no changes that would warrant the problem. I always work in Chrome so any changes I make are visible to me.

I was just checking something on the website and noticed that the menu text and footer widget text are suddenly not visible. When you hover over where the menu is located, they will appear one by one. If you go into developer tools and do anything to the nav or footer, they will reappear. I tried to force them to show using display or visibility and it works in the front end using developer tools, but not once I add it to the style sheet.

I have checked every other browser and device (even using Chrome) and all is fine. I have deactivated all of my Chrome extensions and done a hard refresh. I am running the latest version of Chrome on Windows 7.

Am I losing my mind here? Can anyone else replicate the issue? If so, what seems to be the problem.

Any help is appreciated.

Thank you.

I guess the website would help... wow sorry, it is too late for this right now.

http://www.thehudsonhairsalon.com/

解决方案

I wanted to let everyone know that with the assistance of an amazing colleague of mine the issue has been found. I just checked the other person's problem via developer tools and they have the same issue and it can be resolved the same way mine was.

I don't know how this happened, but a mysterious div element found its way into my < head > section.

The culprit is as follows:

<div class="fit-vids-style">
­<style>               
.fluid-width-video-wrapper {
width: 100%;  position: relative; padding: 0; } 
.fluid-width-video-wrapper iframe,       
.fluid-width-video-wrapper object,        
.fluid-width-video-wrapper embed {           
position: absolute;                       
top: 0;                                   
left: 0;                                  
width: 100%;                              
height: 100%;}    </style></div>

I designed the site so long ago that I cannot remember how it got there, but find it weird that it only now starts creating a problem. The script was a custom.js so I am probably at fault for adding it. Not sure if where the script came from was at fault for the instruction on placement.

I have removed that div which should not have been in my meta < head > and all of the text is now behaving as it should and my responsive videos have not been affected by it's removal.

Hope this helps someone else.

edit.

Apparently Genesis Studio Press adds a module/plugin called Genesis Media Project that causes the same script to load "fit-vids" which adds that div into the meta header area. To correct the problem in the theme, access your site via FTP and append that plugin folder with .old

• problem solved!

One more note:

apparently this only affected PC version of Chrome.

这篇关于Chrome中的文字突然消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！