IE 6.0 z 索引问题

发布于 2024-07-21 09:20:17 字数 467 浏览 7 评论 0原文

中遇到 CSS Z-index 属性的问题

我在 IE 6.0 HTML

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

CSS

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

URL ： http://www. whizlabs.com/examprep/

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

请帮我。

谢谢德维什中号

原文

I am facing an issue with Z-index property of CSS in IE 6.0

HTML

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

CSS

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

URL: http://www.whizlabs.com/examprep/

In IE 6.0, it shows a line on the forehead of girl, showing in the banner on the top of the page. In other browsers, line is not coming. How can i resolve this issue ?

Please help me.

Thanks
Devesh M

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

落墨 2024-07-28 09:20:17

实在没有理由把这个女孩分成不同的形象。

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

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

然后确保它位于标题 div 的下方

There is really no reason to break the girl up into separate images.

Just use a single image and then position it relative to the top right of your wrapper

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

Then make sure that the is just under your header div

回复收藏 0 原文

三生一梦 2024-07-28 09:20:17

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

为了快速修复，您可以尝试这样的操作：

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

以上技巧仅适用于 MSIE6。

Z-index has no effect on statically positioned elements, therefore you would need to set the css position property to something else, like relative, but I don't think that you should use z-index in this case.

For a quick fix though you can try something like this: