针对ie浏览器css

在网页设计中，IE浏览器的CSS兼容性一直是个老生常谈的话题。很多开发者在编写CSS样式表时都会遇到在IE浏览器中无法正常显示的问题。下面就让我们一起来看看如何解决这些问题。

/*用来解决IE6下的双倍边距Bug*/ #ele1 {
     margin: 10px \0/IE6;
 }
/*用来解决IE6~8下的透明度Bug*/#ele2 {
     background: transparent;
     /* 其他浏览器*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    /*IE6~8*/ zoom: 1;
 }
/*用来解决IE6~8下块状元素超出父级宽度的Bug*/#ele3 {
     overflow-x:hidden;
     /*其他浏览器*/_width:expression(this.parentNode.offsetWidth + "px");
 /*IE6~8*/}
/*用来解决IE6下PNG透明背景的问题，需要一张透明的GIF图*/#ele4 {
     background: url(transparent.gif);
     /*其他浏览器*/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent.png', sizingMethod='scale');
/*IE6*/}
/*用来解决IE6~7下不识别!important的问题*/#ele5 {
     color: #fff!important;
     /* 其他浏览器*/ *color: #ccc;
 /* IE6~7 *//*注意！这里的*号是CSS Hack中的一种，代表对IE6~7生效*/ }
    

上面这些代码可以很好地解决IE浏览器的CSS兼容性问题，但是在实际开发中，建议尽量避免使用CSS Hack，因为这会使得代码变得难以维护。如果在写CSS时能够按照标准语法编写，那么兼容性问题也会轻松解决。

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