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使用border-radius并将其保留在那里，因此在不支持边框的浏览器中不会对边框进行舍入。

Answer 2

如果您对在IE中创建角落感兴趣，那么这可能有用 - http://css3pie.com/

Answer 3

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

$（ '＃DIV'）角（ '10px的'）;

Answer 4

我不确定，但也许你可以通过使用svg背景来达到你想要的效果。这在IE中不起作用。