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

在IE中支持“border-radius”

Html/CSS CSS3

縹緲止盈 2019-07-23 10:51:13

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

查看完整描述

3 回答

寶慕林4294392

TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊

是! 當(dāng)IE9于2011年1月發(fā)布時(shí)。

假設(shè)你想要在所有四個(gè)方面均勻15px：

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

IE9將使用默認(rèn)值border-radius，因此請確保在所有樣式中包含調(diào)用邊框半徑的內(nèi)容。然后您的網(wǎng)站將為IE9做好準(zhǔn)備。

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

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

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

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

反對回復(fù) 2019-07-23

慕斯709654

TA貢獻(xiàn)1840條經(jīng)驗(yàn) 獲得超5個(gè)贊

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

IE9將支持border-radius。

有一個(gè)平臺(tái)預(yù)覽版提供哪些支持 border-radius。您將需要Windows Vista或Windows 7來運(yùn)行預(yù)覽（以及IE9發(fā)布時(shí)）。

反對回復(fù) 2019-07-23

慕田峪7331174

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊

解決方法和方便的工具：

CSS3Pie使用.htc文件和behavior屬性將CSS3實(shí)現(xiàn)到IE 6 - 8中。

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

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

反對回復(fù) 2019-07-23

關(guān)注