Firefox、Chromeなどでは正常に表示されるこの単純なDIVがありますが、IEでは表示されません。私は次のhtmlを持っています:
<!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で同じように見せる方法はありますか? 前もって感謝します :)