Question

我还没有触及任何内容，所以我认为它可能是最近发生的Chrome更新。但我的div嵌套ul的菜单随机加载不可见。

如果您打开开发人员工具（F12）并弄乱任何css，它会自动重新出现。我可以添加一个完全无效的css样式，只需填充，菜单就会重新出现。

任何人都可以帮我找到导致this的原因吗？我在Chrome 33.0.1750.146 m

上

Answer 1

我的猜测是你的菜单CSS或JS不正确地将所有父ul元素的高度设置为height: 0。悬停时，它们会扩展。

将我的评论放在首位，并使用单个顶级ul重新构建您的菜单，并确保您仅在加载时隐藏ul ul。

您也可以尝试在这些顶级ul元素而不是其子元素上设置z-index：

#navbar ul {
    position: relative;
    z-index: 1;
}

Answer 2

这是你的善意。在css mc_grid3.css ：

有：

 .container:after, .header:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after        {
   content: ".";
   display: block;
   height: 0;   // Remove this
   clear: both;
   visibility: hidden; // Remove this too
}

或从上述css规则中移除.header-bottom:after。

Answer 3

感谢投票人员。我理解我的一些HTML很糟糕，我会采取你的建议来清理它。但就像我说的那样，一切都运行良好，直到最近没有代码更改。

我决定撕掉整个菜单并用现代的html / css替换它，这样做，我发现了问题。我正在使用字体＆＃39; FuturaMedium＆＃39;作为我的菜单字体，Chrome 33.0.1750.146的最新更新引入了一些字体错误。所以，即使是我全新的css菜单也无法使用该字体。

现在我拉了字体，我会弄清楚我需要做些什么来修复它。再次，谢谢。

Link to bug

菜单在chrome上消失，直到您在开发人员工具中弄乱它

3 个答案: