6

愚蠢的网络元素检查器（safari / chrome）问题，但我似乎无法弄清楚为什么某些属性会变暗。

元素检查器

4

5 回答 5

5

根据源 Webkit 检查器将 50% 的不透明度应用于“继承”或“隐式”的 css 样式，来自inspector.css 

.styles-section .properties .implicit, .styles-section .properties .inherited {
    opacity: 0.5;
}
  • 隐式是在复合属性下的属性，例如border: 1px solid red color: red会更灰。
  • 继承是具有显式“继承”值的那些。

现在，当前的 chrome 版本似乎将其他一些值涂成灰色，太糟糕了，检查员上的检查员不再工作了:(

于 2010-09-24T22:41:52.490 回答
1

在您提供的链接上查看后，褪色（变暗）的是没有任何浏览器操作链接到它们的样式规则，例如：

点击旁边的小箭头，background:可以看到 Chrome 用来解释 CSS 的规则列表。

在float和height上，几乎只有一种可以解释的方式，因此 Chrome 不需要添加任何浏览器特定的样式来使其按预期显示。

希望有助于解释它:)

褪色规则是不需要浏览器特别注意的规则:)

于 2010-09-23T08:43:12.007 回答
1

您是否也得到“解释为图像但使用 mime 类型文本/css 传输”？我曾是。

这解决了它： Chrome 将 CSS 样式表解释为图像

基本上，如果您的 css 文件中有 'background: url()' 或 'background: url("")' ，只需将它们注释掉或删除它们（或者你知道，只需在其中放置一个路径）页面应该然后将 chrome 检查器中的 css 样式加载为活动状态。

于 2013-03-05T13:23:54.017 回答
1

对我来说，这只是一个字符集混合问题。

HTML 文件本身和其中一个 CSS 文件被编码为带有 BOM 的 UTF-8，而其他 CSS 文件被编码为 ANSI。我仍然无法弄清楚 Chrome 是如何设法正确显示几乎所有内容的。我将所有文件都切换回没有 BOM 的 UTF-8，问题就解决了。感谢 W3C 验证器提示我存在 BOM。

希望这至少对其他人有所帮助。

于 2011-04-28T07:23:02.190 回答
0

只是一个猜测 - 但您是否检查过它是否不仅仅是一种轻松区分计算样式的方法？

于 2010-09-24T22:32:01.017 回答