[分享]css兼容ie浏览器的代码

在使用CSS样式时，往往会遇到IE浏览器兼容性问题，因为不同版本的IE浏览器对CSS的解析方式存在差异，有些CSS属性和效果在非IE浏览器上表现良好，但在IE浏览器上却无法正常显示。下面我们来分享一些...

在使用CSS样式时，往往会遇到IE浏览器兼容性问题，因为不同版本的IE浏览器对CSS的解析方式存在差异，有些CSS属性和效果在非IE浏览器上表现良好，但在IE浏览器上却无法正常显示。下面我们来分享一些常用的CSS样式代码，帮助开发者快速解决IE浏览器兼容性问题。

/* 在IE8以下版本兼容opacity */
opacity: 0.8;
filter: alpha(opacity=80);

/* 在IE6、IE7中设置fixed留白问题 */
* html .fixed {position: relative;}
* html .fixed {position: fixed; top: expression(eval(document.documentElement.scrollTop));}

/* 在IE6中实现PNG透明效果 */
img {behavior: url(iepngfix.htc);}

/* 在IE6中设置双倍边距 */
* html .box {margin: 0 10px;}

/* 在IE6中清除浮动 */
* html .clear {height: 1%; overflow: hidden;}

/* 针对IE6、IE7中input宽度问题 */
* html input {width: 200px;} 

需要注意的是，我们不应该一味的兼容旧版IE浏览器，因为这样会增加代码的复杂度，降低代码质量。我们应该根据实际需求，选择性的进行CSS兼容性处理。