IE和Firefox中的圆角图像边角

Question

我无法将图像作为div的背景图像并绕过div的边角，因为图像已调整大小，并且据我所知，无法调整背景图像的大小。

我有什么选择，如果有的话？打开所有建议，包括包装div和角落图像。

此外，如果它不能在IE中完成，但有一个Firefox的解决方案，这对我来说很好。

Answer 1

如果您重新使用图片并且尺寸各不相同，则应尽可能相应地剪掉角落。我很快找到了你，并且here's a site告诉你如何使用精灵实现它。这会增加您的标记，因为您需要使用定位的div来定位框的每个部分。

当然，最新版本的Firefox，Safari，Opera和Chrome支持border-radius，它允许您在不使用图像的情况下创建圆角。当它被发布时，IE9也会支持它。
I've seen sites使用边界半径，只是让它在那，所以边界不会在不支持它的浏览器中舍入。

Answer 2

jQuery角落插件是我使用的。你可以这样做：

$（'＃div'）。corner（'10px'）;

Answer 3

我不确定，但也许你可以通过使用SVG背景来实现你想要的。这在IE中不起作用。

Answer 4

如果你有兴趣在IE创建边角那么这可能是有用的 - http://css3pie.com/