第五种:利用私有属性绘制圆角(FF3 only) 收录理由:平滑无锯齿 图五 特点:
缺点:
实现原理: 使用FF3专用的私有属性来画出圆角。 实例演示:(请在FF3浏览器下观看,其它浏览器不支持) 运行代码框 第六种:无图片脚本圆角框(js半完美解决方案) 这种方案目前应该是比较完美的方案了。 图六 特点:
缺点:
实例演示:http://www.curvycorners.net/examples.php(有三个演示例子) 结语: 目前的css因为不能为一个容器中定义多张背景图片,造成了为了这种圆角效果而加入冗余标签。听说CSS3会引入这一属性,可能到哪时,就是圆角框统一的时候了。另外也听说在CSS3中有意向加入像FF3私有属性(-moz-border-radius)的方法,这也可以完美地解决这个问题。但在目前的情势下,可能也只有用上面的这些方法来过渡了,强烈期待CSS3的到来。 总而言之:要实现绝对的完美圆角框在目前的形势下基本上是不可能的,所以取名为“半完美解决方案”。
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] (责任编辑:admin) |