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/