原理:在用户上传图片背景上加一个层。此层调用一个只有四个白色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");
background:none;
}
HTML
<div class="pic"><div id="picover"></div></div>