Div風格 - 問題與IE

-1

我有這個簡單的DIV，在Firefox，Chrome等顯示不錯，但不是IE瀏覽器。我有以下的html：Div風格 - 問題與IE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
    <style> 
     div.example { 
     position:absolute; 
     color:black; 
     text-align:left; 
     border:2px solid#000; 
     border-radius:15px; 
     -moz-border-radius:15px; 
     } 
    </style> 
    </head> 
    <body> 
    <div class="example" style="height:15em;width:10em;"></div> 
    </body> 
</html>

在Firefox中我得到一個圓形的2px黑色邊框。在IE中什麼也得不到。從我讀過的內容來看，在IE9之前不支持圓角邊框，但我希望2px黑色邊框即使不是圓形。無論如何，讓這看起來相同的Firefox，Chrome瀏覽器，IE瀏覽器& Safari？在此先感謝:)

來源

2012-12-24 MacMan

有什麼問題？ – Blender

哪裏是位置：相對; 。當您使用相對位置時，可以使用絕對位置; –

你是什麼意思「罰款」 –

您缺少邊框樣式的空間。
這是一個working demo。

HTML

<div class="example">&nbsp;</div>

CSS

div.example { 
    position: absolute; 
    color: black; 
    text-align: left; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    border: 2px solid #000; 
    width: 10em; 
    height: 15em; 
}

此外，作爲一個側面說明，

border-radius應該總是被稱爲-prefix-border-radius後，訂單
例如：

... 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
border-radius:10px; 
...

來源

2012-12-24 09:18:18

Div風格 - 問題與IE

回答

相關問題