Fatal编程技术网
  • html/
  • Html IE 6 z-指数和位置：固定；问题

Html IE 6 z-指数和位置：固定；问题

html css

Html IE 6 z-指数和位置：固定；问题,html,css,Html,Css,这是一个我一直想解决的问题！我四处寻找解决办法，但找不到。首先，我的html是如何构造的（只是框架框架）—— 但是现在的问题是，当.feedbackdiv跟随您滚动时，当它到达.footerdiv时，feedback div在它后面。我试着玩弄z索引，但什么都没用 现在我知道理想的解决方案是重新构造html，使.feedbackdiv是的子对象。但我不想改变结构，因为这意味着在后端乱搞。我只想为ie解决这个问题。。所以，即使是某种黑客也可以，只要它能按预期工作 那么，有人对此有解决方案吗？任何帮

这是一个我一直想解决的问题！我四处寻找解决办法，但找不到。首先，我的html是如何构造的（只是框架框架）——

但是现在的问题是，当.feedbackdiv跟随您滚动时，当它到达.footerdiv时，feedback div在它后面。我试着玩弄z索引，但什么都没用

现在我知道理想的解决方案是重新构造html，使.feedbackdiv是
的子对象。但我不想改变结构，因为这意味着在后端乱搞。我只想为ie解决这个问题。。所以，即使是某种黑客也可以，只要它能按预期工作

那么，有人对此有解决方案吗？任何帮助都将不胜感激。

如果我没记错的话，对于IE6，您需要设置
zoom:1
，以便z-index正常工作

代码中有一些错误：

  • a
    标记内有一个
    div
    标记，该标记无效。浏览器会将
    div
    元素移到
    a
    元素之外
  • 您在
    div
    上有
    class=“feedback”
    ，但您在CSS中使用了
    .feedback\u div
    ，因此样式将不适用
当您使用z-index时，它适用于同一级别的元素，因此您可以将其应用于反馈元素的父元素，因为它与页脚处于同一级别。

嘿，谢谢，是的，我在这里的代码中有一些错误，我复制/粘贴了css，但忘了更改选择器。很抱歉。至于您的解决方案，您可以看到我正在将z-index应用于#内容包装器和#页脚包装器。假设div在一个标记中，我知道它在语义上是不正确的，但是我想避免一个额外的带有div>a>span结构的标记。而且它在所有浏览器中都能正常工作，即使是IE6我也看不到它在浏览器中被移出标记DOM@ShalomSam：我明白了。。。z索引应该可以工作，但是在内联元素中包含块元素肯定会给您带来问题。也许您也遇到了z-index错误，如果父元素没有z-index，IE会忽略z-index：我尝试给它的父元素。。在这种情况下，主体是一个z索引。但那也没什么用。。但是我应该将这个属性应用到哪个元素呢？我尝试使用缩放：1；对于每次使用z索引。但这似乎也没什么帮助。你能把这些文件放到网上的某个地方并链接到它们吗？如果我能在浏览器中看到完整的结果，我可能会更有帮助。你会在右侧看到反馈按钮（在除IE6之外的所有浏览器中） 
<body>
  <div class="header"> </div>
  <div id="content-wrapper">
  <a href="/some.html"><div class="feedback_div"></div></a>
  </div>
  <div id="footer-wrapper"></div>
</body>

/* IE 6 only */
* .feedback_div
{
    z-index: 9998;
    position: absolute;
    top: expression( (( t=document.documentElement.scrollTop) ? t: document.body.scrollTop) +'px');
    right: -140px;
}
* #content-wrapper
{
    position: relative;
    z-index: 9999;
}
* #footer-wrapper
{
    z-index: 0;
    position: relative;
}
* html 
{
overflow: auto;
}
* html body 
{
height: 100%; /* required */
}
/* END: IE 6 only */