绝对定位元素的奇怪 CSS 问题答案

【问题标题】：Weird CSS issue with absolutely positioned elements绝对定位元素的奇怪 CSS 问题
【发布时间】：2010-10-28 20:52:56
【问题描述】：

在 firefox、safari、ie8 中，菜单系统on my site 运行良好。

但是，在 IE7 中，链接项就消失了！我已经尝试了很多方法来查看它们可能逃到了哪里，但它们似乎只是消失了！

This site 似乎在某些东西上，除了我的标题部分没有任何浮动！

现在，我通常很擅长使用 CSS，并且可以解决大多数 IE 错误，但这个问题让我有点发疯。

我也尝试过使用 IE8 的开发者工具，但没有设法修复它。

有什么想法吗？

注意我意识到这个网站打破了一些可用性约定（一个复选框）但我没有设计它并且没有太多发言权:(

【问题讨论】：

【解决方案1】：

问题是

#header ul li {text-indent: -9999px}

我无法告诉你为什么其他浏览器会处理它，但我测试了它，我知道这是问题所在。

【讨论】：

必须设置一个星期五下午！
没问题。好吧，我也学到了一些东西——IE8 的开发工具实际上非常有用。我将 IE8 置于兼容模式，然后让它列出菜单元素的样式（显示单击样式），然后用复选框禁用任何看起来很糟糕的样式 - 答案文字突然出现在我的屏幕上。
啊，是时候出现类似 IE 的 Firebug 之类的东西了。很高兴你也能学到一些东西！

【解决方案2】：

如果您尝试使用 position: fixed 而不是 position: absolute，IE7 会发生什么？

【讨论】：