IE 6.0 z-index问题

时间:2009-05-21 12:57:32

标签: css internet-explorer-6 z-index

我在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

5 个答案:

答案 0 :(得分:2)

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

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

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

然后确保它位于标题div

之下

答案 1 :(得分:1)

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

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

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

以上技巧仅适用于MSIE6。

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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

另外,你只能交换同一元素所包含的元素的深度 - 嵌套元素(一个在另一个内部)不能跳出它们的嵌套!