未應用css border-radius

CSS邊框半徑未應用於導航包裝。任何想法爲什麼？未應用css border-radius

代碼：

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; 
}

來源

2012-07-31 Lost in OWL

在您測試什麼瀏覽器？ – 2012-07-31 11:18:36

是的，它被應用 - 你只是沒有看到它，因爲具有圓角的元素沒有邊界和背景。檢查你真的想要哪個元素具有圓角。 – feeela 2012-07-31 11:20:49

給background-color.navigation。像這樣寫：

.navigation {  
    background: #484745; 
}

檢查：jsFiddle

來源

2012-07-31 11:18:03 sandeep

Ahhhh謝謝，我沒有意識到邊界實際上應用於元素本身，而不是其子元素。 – 2012-07-31 11:22:01

問題是你的背景。您的div的背景隱藏了邊框半徑.navigation。只需將背景添加到.navigation（請參閱http://jsfiddle.net/nDEmS/18/）

來源

2012-07-31 11:27:18

未應用css border-radius

回答

相關問題