2012-04-04 11 views
0

私のCSS境界スタイルをIE9に認識させることができません:border-radius: 10px;。私も<meta http-equiv="X-UA-Compatible" content="IE=9" />を使ってみましたが、それは私の背景を駄目にしています。 <!doctype html>またはX-UA-Compatibleヘッダを追加 -IE9がborder-radiusを認識しない

<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> 
+0

私は - meta http-equiv = "X-UA-Compatible" content = "IE = 9"というタグを使ってみましたが、うまくいきました。私はボーダー半径を早くすることができますが、何らかの理由でそれが私のコードと混ざり合っていません – DextrousDave

+3

あなたのページにはdoctypeがありません。 – BoltClock

+0

@DextrousDaveバックライン付きのインラインコードを囲みます。 http://stackoverflow.com/editing-help –

答えて

1

唯一の解決策は、レンダリングモードを標準を使用することです。ウェブサイトの他の部分が壊れてしまった場合、IEのクォークモードに最適化されているため、コードを書き直す必要があります。

関連する問題