我正在运行一个 Wordpress 网站,但在 Chrome 中显示下拉菜单时遇到了一些问题。我的 CSS 在这里:http://pastebin.com/v291BmHP
菜单代码在这里:
<div class="menu">
<ul>
<li class="current_page_item">
<a href=".../" title="Home">Home</a>
</li>
<li class="page_item page-item-2">
<a href="..." title="About Us">About Us</a>
<ul class='children'>
<li class="page_item page-item-105">
<a href="..." title="History">History</a>
</li>
</ul>
</li>
</ul>
它在 IE 和 Firefox 中运行良好。谢谢!
最佳答案
去掉这条规则中的显示 block :
#access ul li:hover ,
#access ul ul :hover {
color: #FFF; /* HOVER COLOR */
display: block; /* DELETE */
background-image: url('images/keating/nav_hover.jpg');
background-repeat: repeat-x;
}
关于Chrome 的 CSS 下拉菜单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4589037/