0

我的网站我有一个文件（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%;
}
4

4 回答 4

3

最好的方法是只为 IE9 设置一个 body 类，当你想修改你的 css 时，它将在任何其他 html 标记或类前面开始该类。这将保证您的 css 符合 w3c。

这是代码：

<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
于 2012-09-24T13:39:48.630 回答
3

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

<!--[if IE 9]>
<style type="text/css">
  IE specific CSS rules go here
</style>
<![endif]-->
于 2012-09-24T13:38:20.090 回答
2

使用 IE 条件注释：

<!-- [if ie 9]>
 CSS that you want to be IE only
<![endif]>-->
于 2012-09-24T13:38:15.090 回答
1

尝试在css中

:root .classname{ 颜色:粉红色 \0/IE9; } /* IE9 */

或写在头标签中

<!--[如果 IE 9]>
<风格>
此处针对 IE 9 的特殊说明
</style>

<![endif]-->
于 2012-09-24T13:44:08.763 回答