0

IEのすべてのバージョンに対してseperate CSSを配置しようとしていますが、以下のCSSで動作させようとしていますが、私には何も与えません。roundedcornersです。IE9の丸みのあるコーナー

は、誰もが正しい道ここ

私を指摘することができますことは、私のCSSです:

-moz-border-radius-topleft:5px; 
    -moz-border-radius-bottomleft:5px; 
    -moz-border-radius-bottomright:5px; 
    -webkit-border-top-left-radius:5px; 
    -webkit-border-bottom-left-radius:5px; 
    -webkit-border-bottom-right-radius:5px; 
    display:none; 
    background-color:#ddeef6; 
    position:absolute; 
    width:230px; 
    z-index:150; 
    border:1px transparent; 
    text-align:left; 
    top: 24.5px; 
    right:84px; 
    margin-top:-53px; 
    margin-right: 0px; 
    *margin-right: -1px; 
    color:#789; 
    font-size:11px; 
    padding: 5px; 

そして私は、URLのどれも私のために働いていないの下に追加してみましたし、私は彼らが私beoreとして完璧に機能だと思いますそれらを使用して、それはうまくいきましたが、この場合、私のCSSの部分で何かが間違っていました。

behavior url('css/PIE.htc') 
behavior url('css/ie-css.htc') 
behavior url('css/border-radius.htc') 

答えて

4

CSSでベンダー固有のルールを使用しています。 IE9は、「標準化された」バージョンを使用する:

border-radius: 5px 0 5px 5px; 

-moz-特定の規則が同様に短くすることができます。 Webkit(私の知る限り)は短い形式を許可しません。

追加情報はborder-radiusです。

+0

@ Jonah - それは完璧に働いてくれてありがとう、左上、右下、左下のみが必要なので、どうすれば変更できますか? – coder

+0

私が提供したルールは、4つのコーナーすべてを実行する必要があります。私は注文が左上、右上、右下、左下であると信じています。個別に指定する場合は、 'border-bottom-left-radius'などを使用してください。 –

+0

これは魔法を行いました。 – coder

1

border-radius-topleft:5px; border-radius-bottomleft:5px; border-radius-bottomright:5px;

関連する問題