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

时间:2013-08-10 00:21:46

标签: css internet-explorer

我希望我的一些样式仅适用于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及更低版本

上使用最后一种风格

2 个答案:

答案 0 :(得分:5)

两个选项:

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]-->

我的建议是第二个(条件制定)

答案 1 :(得分:0)

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

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