不支持IE9 border-radius速記？

我有我已經在過去做了幾件事情，有邊界半徑屬性是這樣的：不支持IE9 border-radius速記？

border-radius: 7px;

這不是在IE9工作。我認爲IE9應該支持邊界半徑？如果您需要示例，請參閱this site。頁面右側的所有框應具有彎曲的邊框。它適用於Chrome和Firefox ...

在另一個煩人的，無關的說明，我今天發現，IE9不支持：最後一個兒童僞類。到目前爲止...

來源

2011-03-16 Aaron

有什麼難以置信的失望，你這包括：

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

見this thread。

來源

2011-03-16 05:02:23

哇，我什至沒有想到這一點。我無法訪問我已鏈接的那個網站，但我明天將在我正在進行的一個項目上嘗試這一點。隨着IE9的發佈，這個標籤甚至有必要嗎？ – Aaron 2011-03-16 05:08:21

謝謝，這個伎倆！ – Aaron 2011-03-16 13:13:47

IE9 確實支持邊界半徑，甚至是速記。我不確定爲什麼它不適用於您的網站，但它是受支持的。

（舉證見http://jsfiddle.net/wJd2h/）

IE9還支持：最後一個孩子。

也許您正在使用舊的HTML文檔類型？

編輯：我看着你的來源。更改 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 到 <meta http-equiv="X-UA-Compatible" content="IE=9" />

來源

2011-03-16 05:04:30

謝謝你的建議。我當然希望是這樣。明天我會試用meta標籤。如果這是唯一的問題，那肯定會很棒：第一個孩子...... – Aaron 2011-03-16 05:10:13

好吧，我搜索谷歌和發現這一點。事實上，您不需要對代碼執行任何操作，請檢查IE9中的「兼容性視圖」是否已啓用。

來源

2011-12-04 16:21:33

你說得對。它不工作的原因是因爲那個標籤是針對IE8的。刪除，完全使它的工作（與保持我的標籤，但改變目標爲IE9） – Aaron 2011-12-05 15:21:05

甚至更好....

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

這是從多方位的HTML5重置模板

來源

2012-01-29 12:18:36 Hilmon

是這個問題的答案是正確的，但作爲相關旁註，IE9目前不支持邊框佔用與漸變過濾器一起使用的半徑。

花了一個小時試圖做這項工作之前打擾搜索一個類似的問題。

// This is the filter code for a gradient in IE (6-9) along with a border radius 
//THIS DOES NOT WORK 
//You have to use one or the other, you could use javascript for rounded corners and then use the gradient if you wish  

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcdd68', endColorstr='#355e0b',GradientType=0); /* IE6-9 */ 

/*border radius*/ 
-khtml-border-radius:5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;

來源

2012-02-02 13:52:55 Psypha

你知道任何解決方法？ – Tony 2012-05-09 16:11:14

[您可以使用SVG在IE9中生成漸變;這與'border-radius']很好地發揮作用（http://stackoverflow.com/questions/12211213/ie9-issue-border-radius-and-linear-gradient/12211297#12211297）。 – 2012-08-31 08:20:59

我不是專家，但是當過我使用

<meta http-equiv="X-UX-Compatible" content="IE=edge,chrome=1"> or even 
<meta http-equiv="X-UA-Compatible" content="IE=9" />

的W3C驗證

檢查在Dreamweaver CS5.5踢回，載明下列

「錯誤值X-UA-元素元屬性http-equiv兼容[HTML5]「

來源

2012-04-25 02:57:40 Jolynn

IE9不支持瀏覽器的半徑，但如果你是在本地站點或本地文件的工作，你應該確保在Broser模式和文檔模式是正確的。檢查它打到F12，然後檢查德值（請參閱圖片）。例如，如果文檔模式是在怪癖設置模式（這是默認值），並沒有指定的HTML文檔的文檔模式，IE9會本文件解釋爲IE7文件，因此半徑不起作用。但是，如果你設置文檔模式到IE9標準，你會看到在輸入一個漂亮的半徑。

請看一看畫面中http://moodle.org/pluginfile.php/115/mod_forum/post/843271/IE9-F12.jpg

我希望這可以幫助你半徑。 :)

只要這篇文章。

來源

2012-06-27 18:55:02 Fabricio

這個答案可能非常接近真相，但並不準確。怪癖模式不是默認模式，除非頁面寫得不好。您可能認爲的實際默認值是IE7兼容模式，該模式在「本地Intranet」（包括本地主機）中的某些站點的某些計算機上被設置爲默認值。這確實會破壞邊界半徑（以及其他許多事物），但它與怪癖模式有很大不同。 – Spudley 2012-06-27 20:59:34

如果您在Mac上使用VMWare Fusion，則可能是VM的問題。見IE9 Rendering elements with opacity, border-radius or cufon

來源

2013-01-18 15:55:38

不支持IE9 border-radius速記？

回答

相關問題