web元素检查器（safari/chrome）dimmed css属性

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

element inspector

2010-09-23 Lezz

你们有活力的链接吗？ – Kyle 2010-09-23 08:34:44

一个例子：http://www.apple.com/iphone/features/并检查'浏览所有功能'按钮 – Lezz 2010-09-23 08:44:09

据源的Webkit检查员应用50％的不透明度以被“继承”的CSS样式或“隐式”，从inspector.css

.styles-section .properties .implicit, .styles-section .properties .inherited { 
    opacity: 0.5; 
}

现在目前的Chrome版本似乎灰色其他一些值，太糟糕了对检查员的检查器不工作了:(

2010-09-24 22:41:52

您所提供的链接看它之后，褪了色的（灰色）的有没有链接到他们的任何浏览器操作的样式规则，例如：

点击background:旁边的小箭头显示了Chrome用来解释CSS的规则列表。

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

希望帮助解释呢:)

褪色的规则是不需要从浏览器:)

2010-09-23 08:43:12 Kyle

这似乎是别的。在苹果网站上float：left;财产变暗/褪色。当您访问http://webkit.org/并检查“每晚下载构建”按钮时，浮动右侧的属性不会变暗/褪色。 – Lezz 2010-09-23 13:59:50

那么这是一个有趣的..它可能是更正标签？但我怀疑这一点。 – Kyle 2010-09-23 14:04:06

我不知道，在过去的一个小时里，我一直在尽可能多地在互联网上挖掘，并且无法提供任何东西。我很想知道这个褪色的CSS规则背后的原因！ – Kyle 2010-09-23 15:04:35

任何特别注意的规则只是一个猜测 - 但你检查，如果它不是只是一种轻松区分计算风格的方法？

2010-09-24 22:32:01 Knu

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

HTML文件本身和其中一个CSS文件使用BOM编码为UTF-8，而其他CSS文件编码为ANSI。我仍然无法弄清楚Chrome如何设法显示几乎所有的东西，我将所有文件重新转换回没有BOM的UTF-8，问题就解决了。感谢W3C的验证员暗示我存在物料清单。

希望这可以帮助至少别人。

2011-04-28 07:23:02 nobug

你是否也获得“解释为图像，但与MIME类型文本/ CSS传输”？我当时是。

基本上，如果你的CSS文件中有“背景：网址（）”或“背景：网址（‘’），”在里面，只是它们注释掉或删除（或你知道，只是在那里放一条路径）页面应该随后加载在铬检查器中的CSS样式返回为活动状态。

2013-03-05 13:23:54

回答