在FF中应用css样式，但在IE9中它看起来划掉了

我该如何解决为什么某些样式不适用于IE9 ......我可以看到它们在检查我的firebuglight时被划掉。但在FF中，风格是应用的，这是我想要的。不幸的是，这不是我的CSS或Web应用程序，所以我不熟悉CSS。在FF中应用css样式，但在IE9中它看起来划掉了

我的第二个问题是这个。我也注意到，在IE中，班级被多次“覆盖”。含义 - 我看到班级列表中重复出现的同一班级，具有不同的属性。在FF中，我只看到它一次。如果FF看起来不错，我可以假设我可以删除CSS文件中类名的所有实例，除了FF在其Firebug列表中显示的那个实例吗？

谢谢。

编辑1：

下面是一个例子。在IE中，我将以下两种样式应用于标签。第一种风格的所有内容都“启用”，但在第二种风格中，颜色被禁用。就像所有的填充。

#websiteName { 
    color:#65605e; 
    float:left; 
    letter-spacing:1px; 
    padding-bottom:4px; 
    padding-left:10px; 
    padding-right:10px; 
    padding-top:11px; 
}  

#websiteName { 
    color:#ffffff; 
    font-size:150%; 
    font-weight:normal; 
    margin:0; 
    padding-bottom:5px; 
    padding-left:10px; 
    padding-right:10px; 
    padding-top:5px; 
    text-align:center; 
    width:auto; 
}

然而，在FF，这是我看到同一类：

#websiteName { 
    color:#FFFFFF; 
    font-size:150%; 
    font-weight:normal; 
    margin:0; 
    padding:5px 10px; 
    text-align:center; 
    width:auto; 
}

所以在我的CSS，我搜索找到这个类的所有实例。我发现以下嵌入在一个大的长字符串的css代码：

#webLogo{display:block;width:25%}#websiteName{color:#65605E;letter-spacing:1px;padding:11px 10px 4px;float:left}.dir-rtl #websiteName{float:right}#someotherclass{}

以及这也嵌入在其他css类定义之中。

#websiteName{color:#FFFFFF;text-align:center;width:auto;font-size:150%;font-weight:normal;padding:5px 10px;margin:0}

第二个代码片段出现在第一个代码片段之后。

编辑2：

我随机决定今天下午要改变我的显示器为我的电脑有IE浏览器上运行，你猜怎么着？瞧！该网站现在在IE中与我的FF机器上的相同。 Im'只是一个CSS新手，所以我不知道这是否正确，但我开始在我的CSS查找媒体查询，看看它是否在某处检测浏览器大小。我还没有发现任何东西，但是你能否给我任何其他想法，以了解可能发生的事情？谢谢。

来源

2013-01-17 dot

你能给我们一些代码吗？或截图或其他？ – PlantTheIdea

“排除为什么某些样式不适用于IE9”;在让任何工具试图帮助你之前，阅读并理解这个：http://www.w3.org/TR/CSS21/cascade.html。

聚焦点6.4级联（优先级）

样式表可以有三种不同的来源：作者，用户和用户代理。

Author. The author specifies style sheets for a source document according to the conventions of the document language. For instance, in HTML, style sheets may be included in the document or linked externally. 
User: The user may be able to specify style information for a particular document. For example, the user may specify a file that contains a style sheet or the user agent may provide an interface that generates a user style sheet (or behaves as if it did). 
User agent: Conforming user agents must apply a default style sheet (or behave as if they did). A user agent's default style sheet should present the elements of the document language in ways that satisfy general presentation expectations for the document language (e.g., for visual browsers, the EM element in HTML is presented using an italic font). See A sample style sheet for HTML for a recommended default style sheet for HTML documents.

对于你的另一个问题：萤火虫可以“设置”，以“只显示应用的样式”，“显示用户代理样式”。尝试那些显示/隐藏您的偏好。此外，如果声明是这样的：一个TD内

div, td, span, .selector, a { 
    color:red; 
} 

... 
<td> 
    <div> 
     <span> 
      <a href="some.link">text link</a> 
     </span> 
    </div> 
</td> 
...

那么你检查的跨度内的锚，一个div内，萤火虫会告诉你4次应用该样式（因您的萤火虫设置）

来源

2013-01-17 17:17:22

感谢您的链接。我会看看这个。但是我必须在明天之前找到并解决一个大的网站问题。你能告诉我Firebug在哪里我可以看到“show user agent style”选项吗？非常感谢。同时，我会采纳您的建议并开始阅读该页面。 – dot

要查看萤火虫选项：https：//getfirebug.com/wiki/index.php/Firebug_Preferences –

机会是他们在IE中划掉的原因，然后应用新的样式是他们正在使用IE特定的值为这些CSS规则，这将覆盖任何现有的风格。与Firefox一样，你可能会看到MOZ只有规则，例如IE不能做所有的Firefox，所以IE忽略了那个CSS。如果你有一个例子，它可能会有所帮助。

来源

2013-01-17 16:54:42 matt

看看我的编辑。谢谢！ – dot

在FF中应用css样式，但在IE9中它看起来划掉了

回答

相关问题