【问题标题】:IE6 - Elements won't disappearIE6 - 元素不会消失
【发布时间】:2009-10-24 01:00:03
【问题描述】:

在我的纯文本样式表中试图让图像和段落在 IE6 中消失时遇到了一些重大问题。我已经在 Chrome、FF、Opera、Safari、IE7 和 8 中测试了代码,并且在其他任何地方都可以正常工作……(惊喜!)当然,在 IE6 中不行。

您可以在此处http://www.kebo.ca/dev/ 中查看带有 CSS 代码的演示。我已将代码精简到最基本的部分。

有 2 张图片(第 59、70 行)和 2 个段落(第 71、72 行)不应显示。它们不是全部,而是ie6。我也试过 -margin, -absolute 定位,似乎没有任何效果!

请注意,我已经尝试了 display:none 和 visibility:hidden 的所有组合,但都无济于事,包括使父级相对和包含的 div 绝对。没有工作!

非常感谢所有建议...非常感谢!

【问题讨论】:

    标签: css internet-explorer-6


    【解决方案1】:

    该页面在 Safari 4/Mac 和 IE6/Win 中看起来与我相同。您的目标是什么 - 隐藏页面上显示的图像?

    顺便说一句,您的页面上有一些元素嵌套问题,运行验证器并在其他任何事情之前清除这些问题。

    --

    最简单的解决方案是给所有想要隐藏的元素一个“hide”类并为其创建一个选择器:

    .hide { display: none; }
    

    或(更谨慎):

    .hide { display: none !important; }
    

    【讨论】:

    • 感谢您对验证的提醒 - 在清除大部分 HTML 后我没有重新验证...您说它在 Safari 4/Mac 和 IE6/Win 中看起来相同 - 是您看到的页面有图片还是没有图片?非常感谢您的帮助!
    • 在两种浏览器中看起来完全相似,带有图像(女性)和文本(几个段落)。
    • 哦不...当我在 safari 4/win 上渲染 w safari 4/mac 时,我看不到任何图像...但很高兴知道。谢谢。
    • 我试过你的建议,确实奏效了。但更好的是,它让我以一种新的方式思考事情......不知何故,IE6 不喜欢我的元素/类的逗号分隔值。虽然有点荒谬,但有效的是给每个选择器自己的值 display:none;和ta-da,它奏效了。奇怪但真实!感谢您的帮助!
    • IE6 识别多个逗号分隔的选择器,它只是无法理解单个元素的多个链接类。无论哪种方式,很高兴知道您成功了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-23
    • 2013-10-02
    相关资源
    最近更新 更多