怎么实现将一张图片转化为圆角 兼容IE6
如何实现将一张图片转化为圆角 兼容IE6
HTML代码:
<div style="width:100px; height:100px; border-radius:50%;overflow:hidden; border:2px solid red; " >
<img src="~/Content/IMG/01.jpg" width="100" height="100" />
</div>
------解决思路----------------------
做4张圆弧透明png图片,绝对定位到4个角
------解决思路----------------------
css3 PIE 你值得拥有。(http://css3pie.com/)
HTML代码:
<div style="width:100px; height:100px; border-radius:50%;overflow:hidden; border:2px solid red; " >
<img src="~/Content/IMG/01.jpg" width="100" height="100" />
</div>
------解决思路----------------------
做4张圆弧透明png图片,绝对定位到4个角
------解决思路----------------------
css3 PIE 你值得拥有。(http://css3pie.com/)