0

我将如何解决为什么某些样式未在 IE9 中应用...当我检查我的 firebuglight 时，我可以看到它们被划掉了。但是在FF中，应用了样式，这就是我想要的。不幸的是，这不是我的 css 或 web 应用程序，所以我不熟悉 css。

我的第二个问题是这个。我还注意到在 IE 中，该类被多次“覆盖”。含义 - 我在类列表中看到相同的类重复，具有不同的属性。在FF，我只看到一次。如果 FF 看起来不错，我是否可以假设我可以删除 css 文件中类名的所有实例，除了 FF 在其萤火虫列表中显示的那个实例？

谢谢。

编辑1：

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

#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 机器上显示的相同。我只是一个 css 新手，所以我不确定这是否正确，但我开始在我的 css 中查找媒体查询，看看它是否在某处检测浏览器大小。我还没有找到任何东西，但你能给我关于可能发生的事情的任何其他想法吗？谢谢。

4

2 回答 2

1

对于“为什么某些样式在 IE9 中没有应用的疑难解答”；在让 what-so-ever-tool 尝试帮助您之前，请阅读并理解以下内容：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.

对于您的其他问题：firebug 可以“设置”为“仅显示应用的样式”、“显示用户代理样式”。尝试根据您的喜好显示/隐藏。此外，如果您声明这样的内容：

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

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

然后你检查一个跨度内的锚点，在一个 td 内的一个 div 内，Firebug 将显示 4 次应用的样式（由于你的 firebug 设置）

于 2013-01-17T17:17:22.120 回答
0

可能是它们在 IE 中被划掉然后应用新样式的原因是它们使用 IE 特定值来处理这些 css 规则，这将覆盖任何现有样式。Firefox 也是如此，您可能会看到 MOZ 唯一规则，例如 IE 无法完成 Firefox 可以做的所有事情，因此 IE 忽略了该 css。如果你有一个例子，它可能会有所帮助。

于 2013-01-17T16:54:42.183 回答