网页圆角设计呢,真叫我又爱又恨的,虽然说实现起来并不困难,但是总觉得都不怎么完美!

最简单的CSS3 总有浏览器不兼容,用图片+CSS定位实现不仅麻烦、不符合标准,而且还是有顽固分子不兼容,所以好一段时间我都抛弃了圆角设计,不过慢慢看来总觉的这样的网页缺少点什么!

今天决定再重拾圆角!

这次用到的是jQuery Corner这个插件,实现方法非常简单!

举个简单的例子:

<div id="box">HELLO</div>
<script type="text/javascript">
    // 将id为box的DIV四个角都圆角化
    $("#box").corner();
</script>

不过呢,世界哪有完美的事情,除IE9以外,其他IE浏览器都不支持这一效果的!

更多的圆角例子可以到官网看看: http://malsup.com/jquery/corner/

2011-12-07