在firefox和IE中用css绕过图片的角落时的问题

Question

我想在IE7,8和Firefox中使用css绕过我的图片的角落。 我尝试使用-moz-border-radius for Firefox，但它只围绕边框而不是图片。

链接到图片：http://i108.photobucket.com/albums/n33/ligthing_illuminate/problemwithcorner.png

我使用的css如下：

.content p img {
   float:left;
   margin:0;
   padding:0;
   width:780px; 
   border: 10px solid white;
   -moz-border-radius: 15px;
}

在IE7中，IE8无法使用border-radius。 有人可以帮帮我吗？ 提前谢谢你。

Answer 1

在IE 7或8中不支持

-mos-border-radius ....你需要恢复舍入图像或Nifty Corners在IE 7或8中实现圆角

Answer 2

最好的办法是让图像本身具有圆角。

但这也许有用：http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

Answer 3

请参阅-moz CSS规则开头的-moz-border-radius部分？

这意味着这是特定于供应商的扩展（在本例中为mozilla / firefox）。

其他浏览器不支持。