首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

关于圆角的有关问题,哪位高手有更好的方式

2012-09-24 
关于圆角的问题,谁有更好的方式?现在越来越多的网站喜欢上了圆角,css3 可以很轻松的实现 ,可是IE6\7\8不支

关于圆角的问题,谁有更好的方式?

现在越来越多的网站喜欢上了圆角,css3 可以很轻松的实现 ,可是IE6\7\8不支持,又不想用图片和多标签实现 ,很纠结。

? ? ? ?网上看了很多相关的文章,比较出名的实现方式有用 border-radius.htc 和DD_roundies ?可是这两个方法还是存在许多不足和bug。

? ? ? 用border-radius.htc 实现 则该元素或父标签要有position:relative和zindex 。为了实现个圆角加上这个真的很没必要。而且必须是4个圆角都有,没法实现只有1个、2个、3个圆角。样式和htc文件路径也是个问题,要么同目录要么样式里面用绝对路径。

? ? ?DD_roundies 还稍微好些,但是bug也很明显 ,页面初始化调用DD_roundies.addRule('.className', '2px', false)后,如果窗口再resize的话 生成的圆角框好像fiexed掉了页面布局乱了。还有隐藏显示的问题,隐藏元素后发现生成的圆角框不能隐藏还依然在那。

? ? ?border-radius.htc ?:?http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

? ? ?dd_roundies ? ? ? ? :?http://www.dillerdesign.com/experiment/DD_roundies/

?

? ??IE6\7\8下面有没有更好的方式去实现呢?还在探索...

?

add:

?

网上一位同学提醒了用PIEhttp://css3pie.com/? 这个比起上面两个确实要好些 不过当父标签有背景颜色或背景图的时候就会失效,好像被父标签的背景档住了,这时要在目的标签加上relative就好了?

热点排行