Firefox -moz-border-radius不会裁剪图像？

如果设置了图像的边框半径,有没有人知道如何让Firefox裁剪角落？它包含的元素将工作正常,但我会让丑陋的角落伸出来.

有没有办法解决这个问题,而不将图像设置为背景图像或在我将其放入我的网站之前处理它？

1> 小智..：

---

解决方法:将图像设置为容器元素的背景,然后在该元素上添加边框半径.

---

这可能有效,但OP特别说"不将图像设置为背景图像".如果需要动态指定图像文件,则必须使用JavaScript来设置背景图像.

2> robertc..：

---

如果将边界半径直接应用于img元素,是否不会裁剪？就包含的内容而言,-moz-border-radius存在已知问题.

- 编辑

好的,它也没有裁剪img.如果您的图像是纯实背景上的某种png/gif,您可以执行以下操作:

img {
    border: 10px solid white;
    -moz-border-radius: 10px;
}

但如果你想在照片上找到圆角,那么它就无法在3.5中使用.

---

好的,没等到周末:http://www.boogdesign.com/b2evo/index.php/2009/09/02/firefox-img-rounded-corners-svg？blog = 2

---

只是想更新一下Firefox 4.0 beta(11)修复了这个问题,并且边框半径显示为它假设是