IE 6.0 z-index问题

Question

我在IE 6.0中面临CSS的Z-index属性问题

HTML

<div id="banner"></div>

CSS

#banner{
  background:url(pix/banner.PNG) top no-repeat;
  z-index = -1;
}

网址：http://www.whizlabs.com/examprep/

在IE 6.0中，它在女孩的额头上显示一条线，显示在页面顶部的横幅中。在其他浏览器中，线路不会到来。我该如何解决这个问题？

请帮帮我。

由于 Devesh M

Answer 1

没有理由把女孩分成不同的图像。

只需使用单个图像，然后将其相对于包装器的右上角放置

#banner{
    background:url(pix/girl.PNG) top no-repeat; /* where girl is the whole girl */
    position:relative;
    top:0;
    right:150px;
}

然后确保它位于标题div

之下

Answer 2

Z-index对静态定位元素没有影响，因此您需要将css position属性设置为其他内容，例如relative，但我不认为您应该使用z - 在这种情况下指数。

为了快速解决问题，你可以试试这样的事情：

   * html #banner { margin-top: -1px; }

以上技巧仅适用于MSIE6。

Answer 3

尝试在女孩的标记之前放置该行的标记，并使用css放置它们。在类似情况下，它通常适用于我。

Answer 4

同样使用Z-Index，请确保使用从1开始的数字。

如果你遇到元素问题，请尝试给它一个Position属性，并给它的父元素一个Position和一个Z-Index。

Answer 5

z-index仅适用于定位元素。

另外，你只能交换同一元素所包含的元素的深度 - 嵌套元素（一个在另一个内部）不能跳出它们的嵌套！