css - 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;
}

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

请帮我。

谢谢德维什 M

score 2 · Accepted Answer

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

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

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

然后确保在您的标题 div 下

score 1 · Accepted Answer

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

为了快速修复，您可以尝试以下操作：

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

上述技巧仅适用于 MSIE6。

score 0 · Accepted Answer

尝试将线条的标记放在女孩的标记之前，并使用 css 放置两者。在类似的情况下，它通常对我有用。

score 0 · Accepted Answer

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

如果您在使用某个元素时遇到问题，请尝试给它一个 Position 属性以及给它的父元素一个 Position 和一个 Z-Index。

score 0 · Accepted Answer

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

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

5 回答 5