如何在Internet Explorer中应用一个css属性_Css

如何在Internet Explorer中应用一个css属性

css

如何在Internet Explorer中应用一个css属性,css,Css,查看“条件CSS注释” 在HTML文档的开头使用条件注释 .sample{ height:15px; width:15px; margin:10px; padding:10px; float:left: /* this one apply in ie only */ border:1px solid #fff; /* this one apply in ie only */ } 如果您需要进行更多更改，并保持页面整洁，我建议为IE使用单独的样式

查看“条件CSS注释”

在HTML文档的开头使用条件注释

.sample{
   height:15px;
   width:15px;
   margin:10px;
   padding:10px;
   float:left:

   /* this one apply in ie only */
   border:1px solid #fff;
   /* this one apply in ie only */
}

如果您需要进行更多更改，并保持页面整洁，我建议为IE使用单独的样式表

<!--[if IE 6]>
.sample {border:1px solid #fff;}
<![endif]-->

然后在IE样式表内部进行更改。

我建议使用完全独立的IE特定样式表，以隔离您使用的所有讨厌的IE黑客。然后，在HTML中，您可以使用条件注释仅为IE加载该样式表

HTML

您可以简单地执行以下操作，在其前面加上#之类的字符。Firefox、chrome和其他浏览器忽略了这一行，但IE执行了这一行

在css的末尾写上这一行，这样它会很好地处理问题。大多数开发人员使用这种方法来填补IE浏览器中的空白

.sample{
   border:1px solid #fff;
}

您可以添加

！ie

在样式声明之后，例如

.sample{border:1px solid#fff！ie；}

。这适用于IE6和IE7，但不适用于IE8，除非您使用

将其引入IE7兼容模式（只需确保它出现在CSS之前）

不过，最干净的解决方案是包含特定于am IE的CSS文件。

您可以在CSS中采用这种方法，但不要养成习惯。首先找到IE如此行为的根本原因，如果IE中已知这一问题，那么继续使用上述方法。在javascript中，您可以使用jQuerysIF（$.browser.msie），我不记得sytanx、google和u可以在运行时使用它。

<html>
    <head>
        <!--[if IE]>
            <link rel="stylesheet" type="text/css" href="/css/ie-hacks.css">
        <![endif]-->
    </head>
    <body>
        <!-- ... --->
    </body>
</html>

.sample{
   border:1px solid #fff;
}

.sample{
   height:15px;
   width:15px;
   margin:10px;
   padding:10px;
   float:left:

   /* this one apply in ie only */
   border:1px solid #fff;
  # border:2px solid #fff;
   /* this one apply in ie only */ for ie it treats as 2px.
}