看了看淘宝一些页面上的圆角是如何制作的.发现有一部分是直接做成完整的图片(固定宽度),有些则是多余标签+四个角的图片来做.
从FF中边查看边摘出第二种方法的代码
/* .orange 这部分是我自己写的*/
大概分析一下:
淘宝div圆角,使用了多余标签+圆角图片处理( 类似于")(" 这样的一个圆角图片,对各个角进行背景图的重新定位 ).
优点:多余标签较少,易于添加,使用图片,则圆角也更清晰;FF,IE8,Opera中正常
缺点:扩展性不好,每种颜色的圆角都要做进图片里; 另在IE6/7中不正常,应该是针对此浏览器写有HACK(再找时间查看)