代码之家  ›  专栏  ›  技术社区  ›  Andrew

IE6不呈现DIV背景

  •  0
  • Andrew  · 技术社区  · 14 年前

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

    标题区域中的“生物医学纺织品”是非常简单的设置与一个CSS类,反映页面名称,在这个例子中,类是“生物医学纺织品”。其他的例子包括“医疗应用”、“设计和开发”等,你会得到要点。

    在IE6中,生物医学纺织品之后的每个主页都有一个空白标题区。维度保持在适当的位置,但不应用背景。所有子页也是如此。生物医学纺织品的第一个孩子,纺织科学,有正确的应用标题和所有其他子页有一个空白标题区。

    我只需查看源代码就可以保证类的应用是正确的;再加上标题在其他浏览器中显示得很好。在CSS文件中,正在工作的类首先出现在各自的组中。当我把后面的一个换到上面时,那一个起作用了,而每一个进行中的一个都不起作用。我不知道这是为什么。如有任何帮助,我们将不胜感激。

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

    1 回复  |  直到 14 年前
        1
  •  1
  •   elpipetuanis    14 年前

    你用CSS为那些bg图像编写选择器的方式,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; }
    

    这应该能解决问题。