0

IE9 に CSS ボーダー スタイルを認識させることができません: border-radius: 10px;. も使用してみ<meta http-equiv="X-UA-Compatible" content="IE=9" />ましたが、背景が台無しになります (下部の背景の一部が切り取られます)。

<html>
<style>
.outer{
    background: url('http://v4m.mobi/php/i/images/grey_background.jpg');
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;


.inner{
margin: 0 auto;
border: 3px solid #444444;
vertical-align: middle;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;  /* <-- This line */
background-color: #999999;
}

.inner td{
width: 213.33px;
height: 340px;
}
</style>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" style="margin: 0; 
 padding: 0; border: none">

<div class="outer">
<div style="padding-top: 5%;"></div>
<table class="inner" cellspacing="10">
    <tr>
        <td bgcolor="#ffffff">referferf$<br/>dcsdcsd</td>
    </tr>
</table>
</div>
</body>
</html>
4

1 に答える 1

1

唯一の解決策は、標準レンダリング モード (add<!doctype html>またはX-UA-Compatibleheader) を使用することです。Web サイトの他の部分が破損した場合は、コードを書き直す必要があることを意味します。これは、IE の互換モード用に最適化されているためです。

于 2012-04-04T17:59:59.297 に答える