谷歌浏览器不显示css样式[关闭]

Posted 2023-03-06

【中文标题】谷歌浏览器不显示css样式[关闭]

【英文标题】：google chrome doesn't show css style [closed]

【发布时间】：2012-08-05 19:18:44

【问题描述】：

当我使用 google chrome 21 检查网站中的 一些 元素时 - 我只能看到元素，但看不到某些样式。 喜欢

.content

如果我用萤火虫检查这个，我可以看到样式 喜欢

.content

 color:white;
 font-size:12px;

奇怪的是谷歌浏览器显示页面像FF和IE一样正确。当我在谷歌浏览器中单击 css 链接时，我可以看到损坏的图像而不是 css。 我已经用 css 验证器检查了 css，我的 css 没有问题。 什么问题？

【参考方案1】：

这是font-size 不是fint-size。修正错字，它可能会工作。

【讨论】：

对不起。我的错误。我编辑了我的问题。我说“我已经用 css 验证器检查了 css，我的 css 没有问题”

无法用给定的信息来判断。你有什么风格可以超越这个吗？就只有这种风格吗？如果不是，这些风格有什么共同点吗？它总是发生在 Chrome 中吗？

某些样式被过度覆盖并出现此问题。我只能在我的网站上看到这个问题。

【参考方案2】：

我希望这个答案对某人有所帮助：

我在 google chrome 控制台中发现了这个错误：

资源被解释为图像，但以 MIME 类型传输 文本/css

和我的 css 文件的链接。 这就是我在问题中提到的单击 css 文件时图像损坏的原因。

感谢link 我发现我有自己的风格

background:url('') // probably problem with background without image url,although css validator, validate it

替换为

background:none.

现在我可以在 google chrome 检查器中看到所有样式，当我单击 css 链接时，我会看到一个 css 文件。