1

特定の div 内のすべての画像のスタイル シートに境界線半径を設定しました。一部のブラウザーでは半径がまったく丸くないことを除いて、正常に動作しますか?

IE、webkit、mozに設定しました。しかし、たとえばIE10では、右下隅を除いて半径がまったくありません。

例1

コード：

div#dienstright img{

border-bottom-left-radius:25px;
border-bottom-right-radius:25px;
border-top-left-radius:25px;
border-top-right-radius:25px;

-moz-border-radius:25px 25px 25px 25px; 

-webkit-border-top-left-radius:25px; 
-webkit-border-top-right-radius:25px; 
-webkit-border-bottom-left-radius:25px; 
-webkit-border-bottom-right-radius:25px; 
}
4

2 に答える 2

2

この場合、ボーダー半径が期待どおりに表示されることを削除すると、上/左のパディングimgがあります。10px

IE9 + 10 では、長い構文と短い構文がborder-radiusうまく機能します。

于 2013-03-11T15:53:39.877 に答える
0

IE の場合:

border-radius: 25px;

うまく機能するだけで十分なはずです。また、すべてのコーナーに同じ値があるため、各コーナーを個別に指定する必要はありません。

個別に指定する必要がある場合は、次を使用します。

border-radius: 25px 25px 25px 25px;

値は順番に: 左上、右上、右下、左下

于 2013-03-11T15:48:26.403 に答える