如何使用css1創建一個圓角的容器？

Question

我想創建一個容器，這將有圓角，而無需使用圖像（僅使用邊框和div標籤）。

它應該與所有的瀏覽器。

Answer 1

CSS圓角與「所有瀏覽器」不兼容，版本太多，許多舊版本的瀏覽器仍在使用，因此需要一個純粹的CSS解決方案。

此外，如果你的國家，你不能使用圖片，因爲這是解決方法之一你是嚴重限制。

但是，我認爲你應該考慮使用CSS舍入邊框，因爲你可以在不支持它們的瀏覽器上優雅地退化，用其他CSS技術來使元素看起來一樣好。這幾乎是大多數人現在這樣做的。

這意味着什麼在實踐中是，當你的用戶升級他們的瀏覽器時，他們「自動」獲得好處，而不必編寫你的站點的兩個版本。

Answer 2

你想支持哪些瀏覽器（「所有瀏覽器」包括IE6？那麼IE5呢？那麼早些時候呢？）。

你大概知道CSS border-radius財產。這是在您的盒子上繪製圓角的標準方法。

由於您對「所有瀏覽器」感到憂心忡忡，我假設您擔心舊版本的IE，並且您說得對：border-radius在IE6，IE7或IE8中不起作用。

如果你不想使用圖像，但你想支持這些瀏覽器，那麼你將不得不使用基於Javascript的解決方案。

到目前爲止最好最容易使用的是CSS3Pie。它嵌入到樣式表中，使用IE的behavior風格，並使IE以標準border-radius風格工作。請參閱CSS3Pie網站上的說明和演示以獲取更多關於它如何工作的信息，但足以說這是我現在推薦的用於IE中圓角的唯一解決方案。