有问题的页面: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 行。提前致谢!
最佳答案
您在为那些 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; }
这应该可以解决问题。
关于css - IE6 不呈现 div 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3478275/