h1标签的内容在IE 6中被隐藏之前是不可见的

时间:2009-08-24 18:25:00

标签: css text internet-explorer-6 mouseover

我看到的奇怪症状on this page(仅在使用IE 6查看时)是<h1>标签的文本在页面加载或调整大小时不可见,但在鼠标时出现在它出现在左上角的区域。我还没有看到任何其他浏览器,我正在为任何h1标签修改的唯一CSS属性是:

  • 字体大小
  • 字体重量
  • margin,margin-top
  • 填充,填充顶部,填充底部

我无处更改visibledisplay,并且h1没有悬停效果。甚至标题内的非链接文本也会消失。有什么想法吗?

4 个答案:

答案 0 :(得分:5)

这很可能是由页面上另一个样式元素引起的。

我认为你最好的选择是反复试验......从页面中删除所有样式,验证h1元素不再消失,然后重新添加其他样式,直到找到罪魁祸首

答案 1 :(得分:3)

同意John的帖子。我(幸运的是)通过提供元素position: relativeposition: static规则,有时可以绕过这个调试过程。

所以你可能想要在走下约翰的路线之前交叉你的手指然后旋转一下。

答案 2 :(得分:1)

我没有看到任何明显的明显但你确实通过悬停应用了rgba。

#header #info a:hover, #header #info h2#pathlinks a:hover {
    background-color: rgba(63,63,63,0.35);
}

此外,这在我的IE6本地工作,所以我不确定它是否因为Internet Explorer(Intranet,trusted,Internet)中的关联区域而表现不同。

我完全同意其他海报,这将是一个调试练习。我喜欢约翰的反复试验技巧。

答案 3 :(得分:1)

虽然我没有为标题列出hasLayout属性,但您可以尝试将zoom:1;添加到h1,看看您获得的结果。这使得我在测试时始终可以看到文本。

确实这个问题看起来很奇怪。