2

CSS 境界線の半径は正常に機能しますが、現在は白い背景が表示されています。（ボディの背景と同様に、透明またはグレーが好きです...）

問題のある丸みを帯びた角...

CSS:

.window_header{
    width:600px;
    height:42px;
    background: #333 url("../img/bg-2.png") repeat;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-bottom:1px dotted #666;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3),inset 0 -4px 5px rgba(0, 0, 0, 0.2),inset 1px 0px 1px rgba(0, 0, 0, 0.7),inset -1px 0px 1px rgba(0, 0, 0, 0.7),inset 0 -2px 1px rgba(0, 0, 0, 0.5),inset 0 2px 6px rgba(255, 255, 255, 0.15),inset -2px 0 6px rgba(255, 255, 255, 0.15),inset 2px 0 6px rgba(255, 255, 255, 0.15);
}
4

4 に答える 4

4

白は、border-radius を適用したコンテナの「後ろ」の背景からのものでなければなりません。たぶん、border-radius もそれに適用してみてください。

于 2012-06-25T18:34:01.607 に答える
2

下にある Element に Border Radius を適用することをお勧めします。これにより、荒い白いエッジではなく、要素の角が丸くなります。したがって、白いエッジは表示されません。

-また-

含まれている要素の前に要素全体の編集を配置して、白い背景の上に配置し、そこから移動します。

于 2012-06-25T18:58:58.910 に答える
0

おそらく、bg-2 ファイルはその領域で透明ではありませんか? 画像の作成に使用したエディターによっては、画像を透明にする機能がない場合があります。

Max Gherkins の説明も非常に大きな可能性を秘めています。:)

于 2012-06-25T18:34:44.210 に答える
0

background: #333 url("../img/bg-2.png") 繰り返し;

背景画像が透明ではありません。「平坦化された PNG」の場合は、背景が「白」ではなく「透明」であることを確認してください。

于 2012-06-25T20:12:02.097 に答える