新标签border-radius和opacity兼容各种浏览的处理办法

1.首先来说border-radius,它可以兼容目前的四大浏览器,但是不兼容低版本的ie7,和ie8,解决办法是引入pie.htc

新标签border-radius和opacity兼容各种浏览的处理办法

2,接下来是opacity的兼容性处理办法,和border-radius一样,目前的四大浏览器都支持,只有低版本的ie7和ie8不支持,

解决办法是使用蒙版层,如下:

新标签border-radius和opacity兼容各种浏览的处理办法

这样就可以兼容ie7和ie8了

8,但是还有一个问题,就是即设置了透明度,又要给它设置边框圆角,在ie9,ie10以上显示没有任何问题,圆角和透明度都

可以显示出来。但是在ie7和ie8的时候,只能显示边框圆角,还不能显示透明度.代码如下

新标签border-radius和opacity兼容各种浏览的处理办法

新标签border-radius和opacity兼容各种浏览的处理办法

希望有遇到过有此类似问题的大神,来给我指点一,二。不胜感激。