Question

我希望我的一些样式仅适用于IE 8及更低版本。我也只想改变我的样式表，而不是我的HTML。这可能吗？

这是我想要仅适用于IE 8及更低版本的风格（我不想更改IE 9或10）

.ui-icon-searchfield:after {
        background-color: #000000;
        background-color: rgba(0,0,0, 0.4);
        background-image: url(images/icons-18-white.png);
        background-repeat: no-repeat;
        -webkit-border-radius: 9px;
        border-radius:  9px;
        filter: alpha(opacity=40);

}

我只想在IE 8及更低版本

上使用最后一种风格

Answer 1

两个选项：

1：

.ui-icon-searchfield:after {
    background-color: #000000\9; /* IE8 and below */  
    background-color: rgba(0,0,0, 0.4)\9; /* IE8 and below */  
    background-image: url(images/icons-18-white.png)\9; /* IE8 and below */  
    background-repeat: no-repeat\9; /* IE8 and below */  
    -webkit-border-radius: 9px\9; /* IE8 and below */  
    border-radius:  9px\9; /* IE8 and below */  
    filter: alpha(opacity=40)\9; /* IE8 and below */  
}

2：

<!--[if IE 6]>
/*According to the conditional comment this is IE 6*/
  .ui-icon-searchfield:after {your stuff}
<![endif]-->
<!--[if IE 7]>
/*According to the conditional comment this is IE 7*/
  .ui-icon-searchfield:after {your stuff}
<![endif]-->
<!--[if IE 8]>
/*According to the conditional comment this is IE 8*/
  .ui-icon-searchfield:after {your stuff}
<![endif]-->

我的建议是第二个（条件制定）

Answer 2

查看此链接。它具有处理IE CSS所需的所有信息。

https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

如何将css仅应用于IE 8及更低版本

2 个答案: