【问题标题】: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 的开发者工具,但没有设法修复它。

有什么想法吗?

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

【问题讨论】:

    标签: html css internet-explorer-7


    【解决方案1】:

    问题是

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

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

    【讨论】:

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

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

    【讨论】:

    • 如果我这样做,我将无法相对于它们的父容器绝对对齐。
    猜你喜欢
    • 1970-01-01
    • 2013-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-26
    相关资源
    最近更新 更多