天才的茅屋 – TC

自诩为天才的人,通常只是个傻B……

用CSS做圆角

TC Posted in CSS @ 2008-11-11 16:18

圆角效果经常被运用到页面设计上,而前端实现圆角却始终是个不大不小的难题。如想达到大多数浏览器兼容,尤其是对IE的兼容,通常需要用到图片或多个box来模拟,增加冗余代码不说,也确实是个不太简单的事情。

曾经考虑用javascript封装函数,在页面加载时触发事件,自动生成各种各样的box来模拟圆角效果,从开发的角度一劳永逸。但事实往往不尽如人意,这样做当遇到圆角+边框的效果,会有很多麻烦的兼容性问题。

其实衡量后发现要达到圆角效果并不难,只是要兼容IE浏览器会很麻烦。综合考虑仅仅为了IE而增加大量冗余代码来实现圆角这么简单的效果,实在是得不偿失的,因此考虑放弃对IE的兼容。
阅读全部内容 »

Tags: , | 6 Comments.  1,612 Views.