我有一個導航菜單中的鏈接的懸停狀態看起來像這樣,圓角沒有JavaScript或CSS3
正如你可以看到有一個圓角的背景在橙色背景設置。客戶已經要求通過IE6正常工作(他們還沒有到可以升級的階段)。現在我剛剛進入網絡開發階段,所以我沒有學到如何達到這個效果的老技術,請問能否給我一些啓發?以下是我的代碼,目前我正在使用CSS3。
#navPrimary {
background:#de4702;
height:37px;
margin:0px auto;
width:517px;
padding:5px 0px 0px 0px;
display:block;
overflow:hidden;
}
#navPrimary li {
width:252px;
float:left;
display:block;
height:100px;
list-style-type:none;
text-align:center;
margin:0px 0px 0px 8px;
}
#navPrimary li.first {
width:67px;
padding:0px 14px 0px 14px;
display:block;
margin:0;
}
#navPrimary .last {
width:154px;
}
#navPrimary li a {
color:#fff;
font-weight:bold;
text-decoration:none;
display:block;
height:27px;
padding:10px 0px 0px 0px;
}
#navPrimary li a:hover {
color:#de4702;
background:#fff;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
}
<ul id="navPrimary">
<li class="first"><a href="/" title="#request.sitename# | Home">Home</a></li>
<li><a href="##" title="Free Admission">Free Admission </a></li>
<li class="last"><a href="#request.public_vroot#index.cfm?fuseaction=game.terms" title="Terms & Conditions">Terms & Conditions</a></li>
</ul>
他們無法從IE6升級?只需下載Firefox!這是IE *迄今爲止最先進的版本! – Blender 2011-03-30 15:01:19
我不認爲你可以用CSS來做IE6。你將不得不使用圖像。 – LostLin 2011-03-30 15:02:34