-1

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で同じように見せる方法はありますか? 前もって感謝します :)

4

1 に答える 1