border-raduis 在IE8中的兼容性问题

border-raduis 是css3新增加的属性，我们运用起来也很方便，效果很好，但是在IE8以及之前的ie版本并不支持这个属性，怎么解决这个问题呢？

1、切成背景

这也是我经常用到的方法，虽然说有点麻烦，但是肯定没有问题。在碰到圆角时，我会去查看UI给我的psd图片，看看我是否可以直接将这个圆或圆角切图切下来，这样之后我都不用考虑写border-raduis这个属性了，直接将背景图片放上去就可以了，这种做法还有个好处就是不会碰到PNG的黑边现象。但是也有一个问题，就是这个图片的尺寸一点要切好，backgro-size属性在IE8中也是不支持的，不要想着再去调节图片的大小。同时还能兼容全部的浏览器，个人经常使用这个“笨”办法。

当然，这是一种避免使用border-raduis的方法，如果非要用border-raduis这个属性怎么办呢？

2、ie-css3.htc

这个是一个插件，个人感觉确实很好用，也用了一段时间。在网上可以查到很多个版本的使用方法，我来总结一下：

 在写完border-raduis时，在后面加上behavior: url(js/ie-css3.htc); url里面的内容其实就是对这个文件的引入地址。我测试的时候发现只要直接引入就可以了，但是在实际的情况中 有时会出现它并没有起作用的情况，所以，我查阅了下其他人的经验，有可能有因素的影响：

① 定位，即position这个属性  ② z-index，保证这个标签的优先级要高于周围的其他的标签 ③ background-color 背景颜色

第一和第二个加上就可以解决问题了，至于背景颜色目前我没发现对其有什么影响，只是在使用这个属性的时候最好设置下背景颜色，因为如果没有设置的话，它会默认的加上黑色。

还要注意的是加上这个插件后，border-raduis 后面的参数不能是百分比。比如50%，系统会默认为50px。

 

还有就是我在测试的时候发现，不能直接给图片加上这个属性，要给图片一个父级，给其父级加上这个属性。

同时，这个插件还可以让IE8上面显示box-shadow 和 text-shadow这两个属性。但是需要注意的是设置的颜色在IE8中只能是黑色。

好了，暂时就这么多了，我不善于写文章，基本都是想到哪写到哪，如果大家有其他经验的话欢迎补充，我在今后的工作学习中发现其他问题也会进行补充的。