0

私の問題を説明する最良の方法は、画像を使用することです..

Chrome、Firefox、および Safari では、次のように表示されます。

http://i.stack.imgur.com/Zm2QY.png

IE9 では、次のようになります。

http://i.stack.imgur.com/V9bVG.png

これは私のCSSです:

border: 0px solid #777777;
background: url("../image/shop.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
font: bold 0px 'Trebuchet MS';
padding: 23px 0px;

-moz-border-radius: 0px 0px 0px 13px;
-webkit-border-radius: 0px 0px 0px 13px;
-khtml-border-radius: 0px 0px 0px 13px;
border-radius: 0px 0px 0px 13px;
float: left;
width: 57px;

何が起こっているのか分かりませんか?? 私を助けてください..

4

2 に答える 2

0

あなたが投稿したコードは、IE9で動作します。したがって、特異性エラーである可能性があります。テストする簡単な方法は!important、各スタイル宣言の最後に追加することです。確認するより良い方法は、F12 を押して、左側で関心のある要素を見つけ、右側で [Trace Styles] をクリックすることです。入力したスタイルがブラウザに適用されていることを確認してください。そうでない場合は、CSS プロパティの横にあるプラス ボタンをクリックして、スタイルの割り当てがどこから来ているかを確認します。

または、次を試すことができます。

-webkit-border-bottom-left-radius: 13px;
-moz-border-radius-bottomleft: 13px;
border-bottom-left-radius: 13px;
于 2012-11-03T20:11:35.980 に答える