悬停的CSS菜单问题

在我的css菜单My site无论我调整了多少代码，我都无法使菜单在所有级别上匹配。我是一个CSS新手，所以我可能会错过一些东西，但是当你将鼠标悬停在鼠标上时，会出现三种不同的尺寸，我希望它们都是统一的。我用铬和萤火虫看过它，但无法找到父级菜单来扩展以匹配悬停。悬停的CSS菜单问题

任何建议将不胜感激！预先感谢您:)

来源

2011-12-02 touchoflunacy

你的代码完全搞砸了。对于初学者，不要设置子菜单中的宽度。相反，设置整个UL.submenu的宽度，并使内部显示：块，以便它们将填充整个宽度

来源

2011-12-02 17:23:14

我同意@dbugger - 相当混乱，需要相当长的一段时间才能为您提供答案......我会先清理一切：1 /将每个属性放在它自己的行上，让您保留概述，2 /确保你永远不会改变盘旋的边距或填充，只需设置bgcolor + text-decoration - 没有别的，3 /将margin/padding总是放在a上，而不是放在li上 - 这会让你处于正确的方向...... – ptriek

是的，我得到了一个模板，虽然它通过指向我的正确方向帮助吨，一些CSS只是邪恶的。 – touchoflunacy

对不起，它太乱了。从子菜单中删除所有样式并重新开始。从长远来看，这会更好。 –

改变这在你的CSS：

#menu2 li li a, #menu2 li li a:link, #menu2 li li a:visited { 
    color: #FFFFFF; 
    float: none; 
    margin: 0; 
    padding: 0 0 0 15px; 
    width: 160px; //this is the change (width decreased) 
}

希望这有助于。

来源

2011-12-02 17:22:05 AlphaMale

实现hover menu using CSS并不困难。它适用于所有现代浏览器，但在IE6中无效，因为它不支持：悬停在li标签上。

来源

2012-04-06 07:49:11 shingokko

悬停的CSS菜单问题

回答

相关问题