有关IE兼容性问题1

不知不觉来公司差不多快2个月了，期间遇到了各种问题，让我不知所措的就是兼容性问题，同时也让我极其讨厌IE，但没办法，以下是我所遇到的兼容IE的解决方法，如有雷同，纯属巧合......................


问题一：有关圆角：border-radius,阴影：box-shadow，渐变：background：linear-gradient 等IE8-是不兼容的
解决：
第一步：下载css3 PIE.htc 文件; {官方网站：http://css3pie.com/}
    第二步：将PIE.htc文件上传到你的网站目录中，上传到目录哪里都可以，只要你记住这个目录。
第三步：创建html文件，写一段css3代码，并引入PIE.htc，例如：
#container{
border: 1px solid #ddd;


border-radius: 5px;


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


behavior: url(path/to/PIE.htc); } 


注意：.htc 文件路径是相对于html文件的路径，而不是相对于css文件。


问题2：有关opacity透明度兼容问题


opacity:用于设置元素的透明度。取值范围在0-1之间，不可取负值，这个属性是CSS3才有的，只有IE9+才支持，如果要兼容IE8，则可以了解一下另外一个filter滤镜属性；


CSS：
        background: rgba(255,255,255,0.1); //一般的高级浏览器都支持
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);//IE8下


说明：
这个颜色“#19ffffff”是由两部分组成的。


第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如运行截图所示。