當不支持border-radius時覆蓋邊框的方法

Question

我想知道是否有辦法在邊框半徑不受支持而不必專門針對某些瀏覽器/使用modernizer時不顯示邊框。 （我有一個背景圖片，當沒有漸變支持時出現，其中包括漸變邊框&，但當然漸變顯示在其周圍）。

li.toplevel { 
font-size: 17px; 
margin: 0px; 
padding: 12px 18px; 
height: 100px; 
background: #eeeeee url('../images/headWig.gif') repeat-x; /* Old browsers */ 
background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */ 
background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* W3C */ 
border: 1px solid #BBB; 
-webkit-border-radius: 8px; 
-webkit-border-bottom-right-radius: 0; 
-moz-border-radius: 8px; 
-moz-border-radius-bottomright: 0; 
border-radius: 8px; 
border-bottom-right-radius: 0; 
border-bottom-left-radius: 8px; 

}

Answer 1

最好的解決辦法是使用JavaScript如果支持檢測，然後什麼都條件下執行什麼。

好像你正在尋找一個非JavaScript的方法，（一般來說）你只需要擔心IE8和更低版本，並且只使用條件CSS。

<!--[if lte IE 8]> 
CSS to Override borders etc 
<![endif]-->