Chrome中隐形文字的神秘面纱

Question

我正在使用简单的导航栏构建网站。我写了一些CSS来显示按钮的悬停效果。在IE和FF中一切正常但由于某些原因在Chrome中，菜单按钮文本标签是不可见的，使菜单完全无用。我花了一个多小时研究解决方案但找不到任何东西。我在Chrome中安装了firebug lite并花了一些时间试图通过添加z-index规则，更改标签颜色和删除背景等来显示标签，但没有任何东西会让它们出现。

如果有人想看到这一点，请尝试先在FF中查看http://naamjoga.cz，然后在Chrome中查看。任何帮助感激不尽。感谢

Answer 1

您将链接浮动到左侧，而是希望将列表项浮动到左侧。刚试过这个，以下更改可以解决您的问题。无论如何都要将你的链接悬浮起来并没有多大意义。

#nav ul li { float: left; }代替#nav li a { float: left; }

Answer 2

在我的开发版Chrome中，如果您将display: inline;添加到#nav ul li样式，则可以按原样使用。一旦你做了这个改变，检查它仍然可以在FF和IE中使用。