部分HTML在Chrome PC上不可见,但在Chrome操作系统中可以正常使用

时间:2016-09-30 22:21:59

标签: html google-chrome debugging invisible pc

在我的网站上,某些文字没有显示在PC上的Chrome中,但它在Mac上的Chrome中运行良好。当我打开检查器时,DOM中存在不可见的html。此外,如果我将鼠标悬停在不可见文本上,则会出现文本光标,这意味着它会识别文本。我也可以选择不可见的文字并拖动它,然后看看" ghost"使用无滴手符号拖动文本,告诉我我无法移动文本。

我尝试将不透明度设置为1,再次设置颜色,并将可见性设置为可见,但它没有帮助。我也尝试删除我正在使用的Google字体,只使用默认字体,但这也没有改变问题。我已经在我的Macbook Pro Retina和两台Windows机器上进行了测试。在所有计算机上,Chrome都是最新的。我在Windows上的Firefox上测试了它,问题不会持续存在。 有谁知道发生了什么?这与我的网站www.danaavesar.com有关。该文本是使用underscore.js模板编译器动态生成的,但我不认为这与它有关。

1 个答案:

答案 0 :(得分:0)

我发现了如何解决这个问题。我还发现它不仅发生在PC上,还发生在Chrome中的Mac上。我添加了transform:translateZ(0)到我看不见的元素,现在它们似乎出现了!