Question

我的网站我有一个文件（ie.css）来纠正ie的css问题。但是，现在我有一个小问题。网站的一些默认样式在ie8上是好的而不在ie9上。

所以，我想将文件“ie.css”中的跟随css代码仅应用于ie版本9，这可能吗？

.ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear:both; 
    display:block !important;
    /*border: 2px solid #ADE132;*/
    /*margin-left: 10px;*/
    margin-left: 2%;
}

.ngg-gallery-thumbnail {
    float: left;
    margin-right: 3%;
    /*margin-right: 10px;*/
    text-align: center;
    /*border: 2px solid #ADE132; */
    height: 430%;
    width: 430%;
}

Answer 1

您正在寻找的是有条件的评论：

<!--[if IE 9]>
<style type="text/css">
  IE specific CSS rules go here
</style>
<![endif]-->

Answer 2

执行此操作的最佳方法是仅为IE9设置正文类，并且当您想要修改css时，它将从任何其他html标记或类前面的类开始。这将保证您的CSS符合w3c标准。

以下是代码：

<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->

Answer 3

使用IE条件评论：

<!-- [if ie 9]>
 CSS that you want to be IE only
<![endif]>-->

Answer 4

尝试css，如

：root .classname {color：pink \ 0 / IE9; } / * IE9 * /

OR 写在头标记

<!--[if IE 9]>
<style>
Special instructions for IE 9 here
</style>

<![endif]-->

仅将CSS样式应用于ie9

4 个答案: