css - 谷歌浏览器不显示 CSS 样式

Question

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

.content
{
}

如果我用萤火虫检查这个，我可以看到像

.content
{
 color:white;
 font-size:12px;
}

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

score 2 · Accepted Answer

2

font-size不是 fint-size。_ 修正错字，它可能会起作用。

于 2012-08-08T16:06:13.073 回答

score 0 · Accepted Answer

我希望这个答案可以帮助某人：

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

资源解释为图像，但使用 MIME 类型 text/css传输

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

多亏了这个链接，我发现我有一种风格

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

并将其替换为

background:none.

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

2 回答 2