首页 > 特效插件 > 表格弹出层 >  IE6+浏览器的圆角插件--DD_roundies_0.0.2a-min.js正文

IE6+浏览器的圆角插件--DD_roundies_0.0.2a-min.js

特效介绍
IE6圆角

在CSS3的border-radius圆角出来之前,做圆角只能用图片,或者是很麻烦的css,可以查看“纯CSS打造支持IE6的无图片圆角教程”。今天介绍的这款插件,可以完美解决IE的圆角问题,配合使用border-radius,保证在火狐等浏览器也显示圆角。先运行下面代码查看效果:


提示:您可以先修改部分代码再运行


使用方法
1、引入http://www.5imoban.net/download/jquery/DD_roundies_0.0.2a-min.js。
2、需要加圆角的地方加入选择器,例如:ID=“pic”,使用下面代码即可实现圆角:
<script>
DD_roundies.addRule("#pic", "8px");
</script>
3、为了兼容火狐等现代浏览器,请使用border-radius:
<style type="text/css">
#pic{border-radius:8px;}
</style>
注:本插件不支持图片圆角,您可以将图片最为div等容器的背景,再使用本插件对该容器进行圆角处理。