Css Chrome行为怪异，忽略z索引

我在z-index属性上遇到了一个奇怪的问题，但仅限于Chrome。Chrome处理z-index的方式显然与其他浏览器不同（子元素不能否决父元素的z-index等），但我不明白为什么这里会出现问题，因为这是关于两个父元素的

<div id="s-drop-mobil" style="z-index: 6000">
    <div id="s-drop">
    <p> Based in Stockholm,<br>Sweden</p>
        <a href="mailto:ok@w-i.zone">hi@robinradenman.se</a>
        <p style ="font-size: 0.8em"> +46 70-219 39 65</p>
    </div>
</div>

<div id="kat-wrap" style="z-index: 1">
    <div id="katalog">

    <a class="works-head" href="javascript:void(0);">S &nbsp;&nbsp;e &nbsp;&nbsp;l &nbsp;&nbsp;e &nbsp;&nbsp;c &nbsp;&nbsp;t &nbsp;&nbsp;e &nbsp;&nbsp;d&nbsp;&nbsp;&nbsp;&nbsp; w &nbsp;&nbsp;o &nbsp;&nbsp;r &nbsp;&nbsp;k &nbsp;&nbsp;s</a><br>
    <a class="bruce-text" href="brucelabruce.html">BRUCE LABRUCE X DAMIEN BLOTTIERE X PAOM</a><br>
    <a class="greta-text" href="gretagram.html">GRETA GRAM S/S17 @ STOCKHOLM FASHION WEEK</a><br>
    <a class="colette-text" href="henzelcolette.html">HENZEL STUDIO COLLABORATIONS @ COLETTE, PARIS</a><br>
    </div>
</div>

总部设在斯德哥尔摩，
瑞典

+46 70-219 39 65

出于某种原因，“kat”包装总是比镀铬的“s-drop-mobil”高。如果我将#kat wrap z-index更改为-1或更低，#s-drop-mobil将堆叠得更高，但是#kat wrap在尝试使用基本jQuery悬停时显示img（z-index更低，也是父级）时会出现奇怪的闪烁。此外，所有相关元素都没有固定位置

我不知道还能展示什么，但是，如果有人想看的话

---

有什么建议吗？

添加位置：相对于元素。Z索引对定位元素起作用。如果不这样做，元素将根据其布局进行堆叠。#kat wrap需要有一个位置：绝对，布局才能工作。我的意思是，由于这是一个关于重叠元素的问题，两者都不能是position:relative，或者position:relative元素有重叠的方法吗？看看你的网站，你为

#s-drop-mobil

，这远远高于z索引的最大约束。您也没有在live站点上为

#kat wrap

设置z索引。这可能会导致一些问题。然而，看看自己在Chrome中的实时站点，它似乎运行良好——没有明显的闪烁或z索引问题。你也有相对的位置。你已经解决问题了吗？哇，6千5百万。我必须查找该名称。添加位置：相对于元素。Z索引对定位元素起作用。如果不这样做，元素将根据其布局进行堆叠。#kat wrap需要有一个位置：绝对，布局才能工作。我的意思是，由于这是一个关于重叠元素的问题，两者都不能是position:relative，或者position:relative元素有重叠的方法吗？看看你的网站，你为

#s-drop-mobil

，这远远高于z索引的最大约束。您也没有在live站点上为

#kat wrap

设置z索引。这可能会导致一些问题。然而，看看自己在Chrome中的实时站点，它似乎运行良好——没有明显的闪烁或z索引问题。你也有相对的位置。你已经解决问题了吗？哇，6千5百万。我不得不查那个名字。