css – Firefox -moz-border-radius不会裁剪图像?

前端之家收集整理的这篇文章主要介绍了css – Firefox -moz-border-radius不会裁剪图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人知道一种方法,如果图像的边框半径设置Firefox来裁剪角落?它包含元素将工作正常,但我得到丑陋的角落伸出。

任何方式来解决这个问题,而不是将图像设置为背景图像或在我把它放在我的网站之前处理它?

解决方法

如果将边界半径直接应用于img元素,它不会裁剪?有 known issues with -moz-border-radius as far as contained content is concerned

– 编辑

OK,它也不裁剪img。如果你的图像是某种png / gif在坚实的背景,你可以做这样的事情:

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

但是如果你想在一张照片上得到圆角,那么它不会在3.5中工作。

猜你在找的CSS相关文章