特效介绍
在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等容器的背景,再使用本插件对该容器进行圆角处理。