将css样式应用于所有IE浏览器

时间:2014-12-05 17:11:39

标签: css internet-explorer

以下是我希望改进的CSS:

img {
    border-radius: 7px 90px 7px 7px !important;
    @include pie;
    .ie8 &{
        margin-left: 1px;
        border-radius: 7px 90px 7px 7px;
    }       
    .ie9 &{
        margin-left: 1px;
        border-radius: 7px 90px 7px 7px;
    }       
    .ie10 &{
        margin-left: 1px;
        border-radius: 7px 90px 7px 7px;
    }       
    .ie11 &{
        margin-left: 1px;
        border-radius: 7px 90px 7px 7px;
    }       
}

有没有办法为所有IE浏览器版本指定样式?而不是每个浏览器版本1个类?

到目前为止我找到的答案是:

  1. 哈克
  2. 在HTML中应用'如果'条件
  3. 有关详细信息,请参阅此链接 - http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

    QUES:

    1. 除了以上2?之外还有其他解决方案吗?
    2. 有没有人成功实施过黑客攻击?他们不适合我。无论是打破造型还是什么都不做!
    3. 谢谢! NEHA

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用条件语句来设置<html>代码?

您可以使用以下内容将课程应用于整个页面:

<!--[if !IE]><!--><html><!--<![endif]-->
<!--[if IE]><html class="ie"><![endif]-->

然后设置CSS以将规则应用于.ie

.ie{
  img{ /* ie only properties */ }
}