较为完美的图片圆角解决方案

之前写圆角是这么写的：

 

<div class="content"> <b class="lt"></b> <b class="ld"></b> <div class="outer"> 内容在这里 </div> <b class="rt"></b> <b class="rd"></b> </div> 

 

其中的几个lt，ld，rt，rd是通过相对定位挂在content的四周的。好处是可扩展，不占位，也没有float。

唯一、也是致命的bug是在IE6下因为奇数宽度的问题渲染问题，会有bug。悲催啊

 

今天在网上搜了下，借鉴baidu的，修改为

<div class="content"> <b class="lt"></b> <b class="ld"></b> <div class="outer"> <div class="inner"> <p>sdf</p> </div> </div> <b class="rt"></b> <b class="rd"></b> </div> 

其中content 只设置高度，inner设置宽度，四个边角以float的形式挂在四周，在IE6下基本正常。

缺点是有float，而且结构复杂了。

但是能解决问题才是王道啊。

呵呵。