css - IE6 不呈现 div 背景

Question

有问题的页面:http://secantmedical.com/biomedical-textiles/biomedical-textiles.php

带有“Biomedical Textiles”字样的标题区域使用反射(reflect)页面名称的 CSS 类非常简单地设置，在本例中该类为“biomedical-textiles”。其他示例包括“医疗应用”、“设计和开发”等。您明白了要点。

IE6 独有，Biomedical Textiles 之后的每个主页都有一个空白标题区域。尺寸保持不变，但未应用背景。所有子页面也是如此。 Biomedical Textiles 的第一个子页面 Textile Science 的标题应用正确，所有其他子页面的标题区域均为空白。

我可以简单地通过查看源代码来保证类被正确应用；再加上标题在所有其他浏览器中都显示正常的事实。在 CSS 文件中，起作用的类首先出现在各自的组中。当我将后面的一个交换到顶部时，那个有效，而每个后续的都无效。我不知道这是为什么。如有任何帮助，我们将不胜感激。

有问题的 CSS 位于 style.css 的第 83-123 行。提前致谢!

Answer 1

您在为那些 bg 图像编写的 CSS 中编写选择器的方式，ie6 无法识别它。你已经写好了:

#l2-header.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; }

它不识别 id.class。如果您不在其他任何地方使用该类，只需使用前面没有 id 的类。只需使用:

.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; }

这应该可以解决问题。