Internet Explorer的z-index的错误吗?(Internet Explorer z

2019-06-17 11:40发布

你怎么了重叠是在Internet Explorer中相对定位的另一个元素的元素? Z-指数是不行的,它总是出现在相对定位元素后面。

Answer 1:

貌似我在开玩笑,但我不

.myLinkCssClass {
    background          : url(#);
}


Answer 2:

你可以通过任何机会试图把一些在组合框(选择标签),iframe或Flash影片的权利不是?

在这种情况下的z-index是一个失败的事业。

否则,浏览器版本是您使用和您使用的绝对定位?



Answer 3:

我有一个真正的痛苦这个问题,这个特殊的解决方法是不相关的。 这是一个有点难以解释,所以我会尝试使用代码:

<div id="first" style="z-index: 2">In between</div>
<div id="second" style="z-index: 1">In the back
<div id="third" style="z-index: 3">Foreground</div></div>

问题是,父母的z索引设置为较高值将它移动到前台,而不是在那里它应该是回来的。 我在溶液完全偶然意外:我其父外面所做的前景元素(ID =第三)的副本。

<div id="first" style="z-index: 2">In between</div>
<div id="third" style="z-index: 3; visibility:hidden">Foreground</div>
<div id="second" style="z-index: 1">In the back
<div id="third" style="z-index: 3">Foreground</div></div>

它值得一提的是,在我的原代码元素没有ID的,所以我不从2个元素共享相同的一个和我的无效HTML受苦。

我认为它的安全,这种怪事的出现这种情况,以帮助原有的另一个bug分类,但它工作,至少对我来说。 希望有人认为这有用!



Answer 4:

创建,然后你想有顶部的元素上设置额外的透明背景图像。 对于我来说,最终曾在IE8。 上海社会科学院:

  #galerie-link {
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 40px;
    a {
      display: block;
      width: 185px;
      height: 90px;
      background-image: url(../images/transparent.png);
    }
  }


Answer 5:

我想指出,如果你正在使用IE8及以下不支持CSS3的过滤器。 这是我的问题。

我用的是:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@black00', endColorstr='@black00', GradientType=0);

不管如何设置我的位置或z指数,你看不到其他层,因为它用的是层造成一个完整的面具(而不是从明确将黑色和再次清除)。

通过消除对刚刚IE8 CSS3的过滤器,我能解决我的问题。

希望这可以帮助别人谁运行到同样的问题。



Answer 6:

我曾在多次重复相对定位的div被阻塞绝对定位的div的查看HTML同样的问题。 通过www.brenelz.com提供的解决办法,我已经成功应用在这种情况下是行不通的。 所以,下面的工作对我来说:我删除从我第一次提到这些div相对定位,然后添加一个CSS悬停时把这些div上相对。 让我告诉你的代码:

之前:

DivThatYouMustHover {
height: 300px;
position: relative;
width: 200px;
}

后:

DivThatYouMustHover {
height: 300px;
width: 200px;
}
DivThatYouMustHover:hover {
position:relative;
}

这样,别人该div住宿与正常定位的“姐妹”,不与布局干扰。 它的工作对我非常好! 我希望它可以帮助你。



文章来源: Internet Explorer z-index bug?