html - 使用不同的浏览器问题时使用不同的 CSS？

Question

 <!--[if gte IE 5]>
        <link rel="stylesheet" type="text/css" href="iemaster.css" />
    <![endif]-->
    <![if !(IE 5)]>
        <link rel="stylesheet" type="text/css" href="master.css" />
    <![endif]>

根据是否是 IE 加载不同的样式表。问题是我有按钮栏穿过顶部。在 IE 中，我需要 0 的填充，否则我需要 200px 的填充，但无论我对这些值做什么，IE 中的栏似乎都没有改变。它改变了 Chrome 虽然。似乎唯一可行的是，如果我将影响它的类设置为与非 IE 不同的名称。当然，这意味着我的非 IE 无法正确加载。除此之外，CSS 似乎可以完美加载。为什么是这样？

Answer 1

这不是你应该做的。

没有人使用 IE5，所以忘掉它吧。

改为这样做:

<link rel="stylesheet" type="text/css" href="master.css" />

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]-->

您的主样式表将加载到每个浏览器中。

• 您确定您关心 IE6 吗？如果是这样，请将 IE6 特定规则放入 ie6.css。
• 将 IE7 特定规则放入 ie7.css。

对于 IE8 或 IE9，您根本不需要单独的样式表。这些浏览器足够兼容，可以处理与其他浏览器相同的样式表。