[请问]如何用css将一个正方形图片显示为一个圆形图片

Question

<style>
#idParentDiv{width:100%;height:120px;padding:6px;background-color:buttonshadow;position:relative;}
#idDiv{width:80%;height:80px;background-color:#FFD700;padding:6px;position:absolute;z-index:3;left:9px;top:9px;filter:progid:DXImageTransform.Microsoft.Light();}
</style><script>
function rdl_change(m){
var oDiv=document.all("idDiv");
with (oDiv.filters[0]) switch(m) {
case 1 : addCone(0,0,1,80,80,255,0,0,20,180);break;
case 0 : addAmbient(90,140,210,60);break;
case 2 : addPoint (200,60,20,240,80,0,40);break;
case 3 : clear();break;
default: break;
}
}
</script><div id=idParentDiv>
<div id=idDiv><img src="images/rdl_body0.jpg" style="float:left;border:1px solid #000000;">请点击下面的按钮。</div>
</div>
<br>
<input type=button value="增加环境光" onclick="rdl_change(0)"><input type=button value="添加锥形光" onclick="rdl_change(1)"><input type=button value="添加点光" onclick="rdl_change(2)"><input type=button value="全部清除" onclick="rdl_change(3)">

Answer 1

好像不是标准的css,只能在IE下有效。。

Answer 2

是单纯的轮廓mask成圆形还是把图片扭曲成球化效果（类似广角镜）？