求大神给个把照片改成心形的代码

[Aiquaner]

用dreamweaver做网页，求大神给个可以把照片形状改成心形的CSS代码，在网上一直没找到，求大神帮忙！！！

[wansai00]

做个PNG , 中间挖空 挖成心形 再盖到上面 OK

<style type="text/css">
 .xin { position:relative; width:200px; height:200px; display:block; }
 .xin img { width:200px; height:200px; }
 .xin .x { postion:absolute; left:0; top:0; }
</style>
<span class="xin">
     <img src="图片地址">
     <img class="x" src="心形的PNG">
</span>

[以专业开发人员为伍]

引用 1 楼 wansai00 的回复:

做个PNG , 中间挖空 挖成心形 再盖到上面 OK

问题在于这个“心形”之外应该透明地显示图片背后的东西，而png图片是做不到的。这种图片剪裁必须用程序来完成。 如果js做不了（实际上js已经可以编写性能要求不高的图像处理系统了），你可以用你的服务器系统（比如c#程序）来完成，然后通过 src 属性从服务器下载。

[huaneramn]

高级。。。。。。。。。。。。。。。。。。。

[风吹腚腚凉]

引用 2 楼 sp1234 的回复:

[quote=引用 1 楼 wansai00 的回复:] 做个PNG , 中间挖空 挖成心形 再盖到上面 OK

问题在于这个“心形”之外应该透明地显示图片背后的东西，而png图片是做不到的。这种图片剪裁必须用程序来完成。 如果js做不了（实际上js已经可以编写性能要求不高的图像处理系统了），你可以用你的服务器系统（比如c#程序）来完成，然后通过 src 属性从服务器下载。[/quote] 做一个心形的PNG，用填充的方式，给他上面的心形进行覆盖，PNG本身就是透明的，不就行了？