0

CSS 境界線の半径がナビゲーション ラッパーに適用されません。理由はありますか？

フィドル

コード：

HTML:

<div class="navigation">
    <div><a href="">Home</a></div>
    <div><a href="">Products</a></div>
    <div><a href="">Services</a></div>
    <div><a href="">Support</a></div>
    <div><a href="">Contact</a></div>
</div>
<div style="clear:both;"></div>

CSS:

.navigation {   
    position:relative;
    float:left;

    overflow:auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.navigation div {
    position:relative;
    float:left;

    background: #484745;

    height:53px;
    line-height: 53px;
}
4

2 に答える 2

3

background-colorに与える.navigation。次のように書きます。

.navigation {    
    background: #484745;
}

これを確認してください：jsFiddle

于 2012-07-31T11:18:03.243 に答える
1

問題はあなたの背景にあります。あなたの div の背景は の境界線を隠します.navigation。背景を追加するだけです.navigation（http://jsfiddle.net/nDEmS/18/を参照）

于 2012-07-31T11:27:18.267 に答える