2010-06-21 45 views
2

的圓角如何使在CSS div圓角和我的菜單列表項如何讓DIV

<div class="menu"> 
    <ul> 
     <li class="active"><a href="index.html">HOME</a></li> 
     <li class="active"><a href="#">COMPANY</a></li> 
     <li class="active"><a href="#">SOLUTIONS</a></li>... 

如何回合li項目

+0

可能重複的[跨瀏覽器圓角(無圖像)](http://stackoverflow.com/questions/2814348/cross-browser-rounded-corners-no-image) – Wim 2010-06-21 11:14:14

回答

1
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 

如前所述,這在IE中不起作用。但新版本的IE將支持它我相信(糾正我,如果我錯了,請)。

最糟糕的情況是,IE用戶不會看到圓角。 欲瞭解更多關於邊界半徑屬性the following is a good article.

2

標準意識的解決辦法是角落使用CSS border-radius 3.

的見http://www.css3.info/preview/rounded-border/

+0

但它不會在IE – 2010-06-21 10:45:35

+1

@pranay_stacker:它將在未來的版本。同時,它足夠好,更重要的功能可以解決 - 而不是試圖讓糟糕的瀏覽器看起來不錯。 – 2010-06-21 10:47:54

+0

同意@Brock。最佳實踐意味着基於特徵的過濾,而不是瀏覽器嗅探。如果border-radius不在,請使用其中一個實現相同邊框半徑功能的JS庫。 IE不應該確定實施方式,但其過時引擎的性能會有所下降。不公平讓現代平臺遭受損失。 – 2010-06-21 11:05:39