先不废话，上图＋看演示：
演示地址：http://www.5key.net/ex/6-16/
前两天，公司的项目中提到一个问题，給用户的个人中心允许用户上传一幅468*200的图片来装饰页面，为适应页面风格，需要将图片制作成圆角。但我们不可能要求用户去自己做这样的圆角图片。这个就只有我们来做了。本交程序部来实现。同事感觉比较麻烦，而且做出效果比较生硬。当时正好想到前几天《PNG图片实现层的透明》中提到的PNG AlphaImageLoader。可提供IE5.5以上一个PNG通道，同时拥有PNG的0％～100％透明属性。于是想到用png来实现会议上提到的圆角图片问题。
原理：在用户上传图片背景上加一个层。此层调用一个只有四个白色7像素圆角的透明图片作为背景，同时设置PNG AlphaImageLoader属性。ok！
注：应用了PNG AlphaImageLoader的层内如果有文字链接，文字链接将失效，需要为其定义position:relative;
将其独立从出来即可。
给出代码：
CSS部分：
body{
margin:0px;
padding:0px;
}
div.pic{
width:468px;
height:200px;
background-image:url(a.jpg);}div#picover{
width:468px;
height:200px;
}
*html #picover {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bg.png” mce_src=”bg.png”);
background:none;
}
HTML
<div class=”pic”><div id=”picover”></div></div>
