如何在所有浏览器兼容性中设置CSS?

时间:2012-11-21 09:45:04

标签: html css

如何仅为IE 7,8和9设置CSS?

.pager .pages { margin:4px 0px 0 0; float:right; }

上述类未在IE 7和8中显示。因此设计未正确显示。

4 个答案:

答案 0 :(得分:4)

将您的css放在单独的.css文件中,并将其添加到<head>

的末尾
<!--[if gt IE7]>
    <link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->

有关css文件的条件加载的详细信息,请访问:http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

答案 1 :(得分:2)

Hello Naitik尝试关注css。

For IE7:

    @media screen\9 {
    .pager .pages {
     margin:4px 0px 0 0; 
     float:right; 
    }
    }

    For IE8:

    @media \0screen{
   .pager .pages {
    {
    margin:4px 0px 0 0;
    float:right;
    }
    }

    For IE9:

    @media all and (min-width:0) {
    .pager .pages {
     margin:4px 0px 0 0; 
     float:right; ;
    }
    }

答案 2 :(得分:0)

我现在可以假设您看到的是默认的body边距/填充。将其添加到您的CSS中,看看它是否有所作为:

html,body{
    padding:0;
    margin:0;
}

答案 3 :(得分:-2)

试试这个。

.ie7 .pager .pages { //your style here }
.ie8 .pager .pages { //your style here }
.ie9 .pager .pages { //your style here }

也可用于交叉浏览。