3

#topnav の境界半径の下にある特定のページで、mozilla では機能しませんが、Google chrome では機能します。次の css コードを使用します。

http://www.kbay.in

#topnav { display:inline-block;float: right; text-align: right; background: #e4f4fe; 
    border:1px solid #e4f4fe;
    border-bottom-color: #e4f4fe;
    border-bottom-width: 4px;
    border-bottom-style: solid; 
    border-radius: 0px 0px 15px 15px; 
    -moz-border-radius-bottomleft: 15px; 
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    margin-right: 90px; margin-top: 0px;
    width:265px;}5E9DC8
4

2 に答える 2

4

新しい Firefox には、接頭辞のないバージョンのborder-radius.

古いバージョンだったのに

-moz-border-radius-bottomleft: 15px;

あなたは今取らなければなりません

border-bottom-left-radius: 15px;

新しい Firefox 用。そのため、常に公式バージョンを最後に宣言する必要があります (オーバーライドが発生しないようにするため)。

-moz-border-radius-bottomleft: 15px; 
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
/*last border-radius declaration has to be the standard one*/
border-radius: 0px 0px 15px 15px;

それにもかかわらず、それはまだ動作するはずです。おそらく、これをオーバーライドする他のルールがありますか？(例) また、ルールブロックの5E9DC8後ろを削除します。

ところで、表記の違いがないため、簡略表記を選択するだけでも安全です。

于 2012-07-27T11:14:41.360 に答える
1

はい、現在、最新のブラウザバージョンでは、古いプレフィックス（-o、-moz、-webkit）が削除されています。すべての新しいブラウザ（つまり、opera、chrome、firefox）には「border-radius」を使用してください。これはW3C仕様 ですが、 「古い」ブラウザの場合は、引き続き古いプレフィックスを使用します。

ここでcssボーダー半径コードを生成するための既存の1つの特定のWebサイト。

于 2012-07-27T12:07:58.103 に答える