的Internet Explorer 9和邊界半徑

可能重複：
Support for 「border-radius」 in IE 的Internet Explorer 9和邊界半徑

我不能讓邊界半徑在IE工作在我的項目，所以我創造了這個簡單的HTML文件，看看我是否錯過了一些東西。

<html> 
<head> 
<title>border test</title> 
<style type="text/css"> 
body{background-color: #009de8;} 
div{border: 2px solid red;border-radius: 5px;} 
</style> 
</head> 
<body> 
    <div> 
     <h1>Hello world!</h1> 
    </div> 
</body> 
</html>

儘管IE9應該支持邊界半徑屬性，但邊界不過是圓形。

任何想法我失蹤？

來源

2012-07-21 ppp

檢查Support for "border-radius" in IE

你需要這樣的：

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

來源

2012-07-21 10:32:01 Aziz

竅門搞定了，系統讓我接受。 TY。 – ppp 2012-07-21 10:33:45

如果您改爲聲明有效的文檔類型，「border-radius」是否可以工作？ – starbeamrainbowlabs 2012-07-21 10:35:58

@starbeamrainbowlabs：應該的。 – BoltClock 2012-07-21 10:49:12

IE瀏覽器，在一般情況下，如果沒有DOCTYPE標籤包括在內，這將使得在一個有點意外的方式頁面進入怪癖模式。

在HTML文檔（第一行）的開頭添加此HTML5文檔類型標籤，它會工作：

<!DOCTYPE html>

，它應該工作。

來源

2012-07-21 11:11:04 Shahar

這是答案。 X-UA是IE瀏覽器的非標準柺杖，它是這個星球上最無能力的瀏覽器。 – Rob 2012-07-21 11:13:29

這適用於所有有怪癖模式的瀏覽器，也就是說所有的瀏覽器。 IE碰巧有一個非常糟糕的地方，這就是爲什麼它很糟糕的原因。 – BoltClock 2012-07-21 16:29:27

的Internet Explorer 9和邊界半徑

回答

相關問題