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

Question

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

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

Answer 1

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

Answer 2

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

- 编辑

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

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

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