虽然CSS3已经支持圆角定义,并且很多浏览器已经开始支持,但IE6、IE7和IE8仍然不能支持CSS3,所以在这些浏览器中仍然不能使用圆角等效果。
不过,有些国外的作者编写了一些JS库,可以利用其它方法让IE浏览器模拟出圆角效果,下面给大家介绍一款IE浏览器圆角JS文件——DD_roundies。 DD_roundies的用法很简单,和PNG修复工具dd_belated一样简单。 首先引入DD_roundies库文件,然后在网页文件中加入:
<script src="DD_roundies.js"></script> <script> DD_roundies.addRule('.corner, '10px'); </script>
只需要这样,class名为corner的Div就可以在IE6中出现圆角效果了。还有其它方法也可以定义,比如ID标签和Html标签,比如:
DD_roundies.addRule('#box,div', '10px');
当然,它也不是万能的,它不能将table、td、tr、select、option等显示为圆角。 具体的使用方法大家可以参考官网的介绍。