嘗試使用CSS下拉菜單,但它有一些奇怪的錯誤。這是我正在處理的網站的鏈接。爲什麼我會在我的下拉菜單下方獲得額外的填充?
http://shekinahgloryfire.com/?page=about
我的CSS是這樣的:
#nav ul{float:left;margin-top:95px;list-style:none;padding-left:140px;}
#nav .first{border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px;}
#nav .last{border-radius:0px 10px 10px 0;-webkit-border-radius:0px 10px 10px 0; -moz-border-radius:0px 10px 10px 0;}
#nav ul li{float:left;border:solid #000;border-width:1px 0 1px 1px;background:black url('../images/navbg.gif');overflow:hidden}
#nav ul li:hover{background:#f68f1e url('../images/activebg.gif')}
#nav ul li a:link{text-transform:uppercase; text-decoration:none; font-family:serif; font-size:10pt; font-weight:bold; color:#fff; width:100px; height:40px; display:block; text-align:center; padding-top:10px}
#nav ul li a:hover{color:#000;text-decoration:underline;}
#nav ul ul{ position:absolute; }
我的標記是這樣的:
<div id="nav">
<ul>
<li class="first"><a class="first" style="<?php if($page == "home") print "background:#f68f1e url('images/activebg.gif');color:#000";?>" href="?page=home">Home</a></li>
<li><a href="?page=about" style="<?php if($page == "about") print "background:#f68f1e url('images/activebg.gif');color:#000;";?>">About</a>
<ul>
<li><a href="?page=about">Testimonies</a></li>
</ul>
</li>
<li><a href="?page=resources" style="<?php if($page == "resources") print "background:#f68f1e url('images/activebg.gif');color:#000;";?>">Resources</a></li>
<li><a href="?page=videos" style="<?php if($page == "videos") print "background:#f68f1e url('images/activebg.gif');color:#000;";?>">Videos</a></li>
<li class="last"><a href="?page=contact" class="last" style="<?php if($page == "contact") print "background:#f68f1e url('images/activebg.gif');color:#000";?>">Contact</a></li>
</ul>
</div>
我甚至沒有看到Chrome上的下拉菜單? – 2012-03-20 00:58:08