针对ie的css怎么写

在编写CSS时，我们经常会遇到一个问题：不同浏览器对CSS的支持程度不同，导致我们的页面在不同浏览器下显示效果不一致。

其中，IE浏览器是我们最需要考虑兼容性的浏览器之一。在IE 6-8版本中，有很多CSS属性和规则并不被支持，如果我们在编写CSS时没有注意这些问题，就会影响页面的使用体验。

以下是一些针对IE的CSS写法技巧：

/* 针对IE6的Hacks写法 */* html selector {
    property:value;
}
 /* 针对IE6宽度Bug的Hack写法 */.selector {
    height:200px;
     w\idth:200px;
}
 /* 针对IE6 Bug的Hack写法 */.selector {
    height:200px;
     w_methodsidth:200px;
    _width:198px;
}
/* 针对IE6 Hack的图片背景写法 */.selector {
    background-image:url(image.gif);
     background-position:left top;
     _background-position:left bottom;
}
/* 针对IE6的透明度Hack写法 */.selector {
    filter:alpha(opacity=60);
}
/* 针对IE7的Hack写法 */*+html selector {
    property:value;
}
/* 针对IE7的min-height Hack写法 */.selector {
    min-height:200px;
     height:auto !important;
     height:200px;
}
/* 针对IE8的Hack写法 */.selector {
    display:-ms-inline-block;
}
    

需要注意的是，这些Hack写法都是以牺牲W3C标准为代价的，建议在使用时慎重考虑。如果可以选择尽量避免使用Hack，并使用组合选择器、特定前缀等方式进行样式编写。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！