已解決430363個問題，去搜搜看，總會有你想問的

在IE中支持“border-radius”

關注

首頁猿問在IE中支持“bord...

Html5 CSS3 Html/CSS

侃侃爾雅 2019-07-25 14:06:18

在IE中支持“border-radius”有誰知道Internet Explorer何時/何時支持“border-radius”CSS屬性？

查看完整描述

3 回答

一只萌萌小番薯

TA貢獻1795條經驗獲得超7個贊

是! 當IE9于2011年1月發布時。

假設你想要在所有四個方面均勻15px：

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;}

IE9將使用默認值border-radius，因此請確保在所有樣式中包含調用邊框半徑的內容。然后您的網站將為IE9做好準備。

-moz-border-radius適用于Firefox，-webkit-border-radius適用于Safari和Chrome。

此外：不要忘記聲明你的IE編碼是ie9：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

一些懶惰的開發者有<meta http-equiv="X-UA-Compatible" content="IE=7" />。如果該標記存在，則border-radius將永遠不會在IE中工作。

反對回復 2019-07-26

慕少森

TA貢獻2019條經驗獲得超9個贊

自一年前提出這個問題以來，這個問題的答案已經改變了。（這個問題目前是Google搜索“border-radius ie”的最佳結果之一。）

IE9將支持border-radius。

有一個平臺預覽版提供哪些支持 border-radius。您將需要Windows Vista或Windows 7來運行預覽（以及IE9發布時）。

反對回復 2019-07-26

largeQ

TA貢獻2039條經驗獲得超8個贊

解決方法和方便的工具：

CSS3Pie使用.htc文件和behavior屬性將CSS3實現到IE 6 - 8中。

Modernizr是一個javascript，可以將類放在你的html元素上，允許你根據不同的瀏覽器功能為不同的瀏覽器提供不同的樣式定義。

顯然，這些都增加了更多的開銷，但由于IE9僅在Vista / 7上運行，我們可能會停留很長一段時間。截至2010年8月，Windows XP仍占Web客戶端操作系統的48％。

反對回復 2019-07-26

關注