Chrome表现得很奇怪,忽略了z-index

时间:2016-09-22 21:36:44

标签: css google-chrome

我遇到了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>

出于某种原因,#kat-wrap总是比Chrome中的#s-drop-mobil更高。如果我将#kat-wrap z-index更改为-1或更低,#s-drop-mobil将堆叠得更高,但是#kat-wrap会在尝试显示img(甚至更低的z)时发生奇怪的闪烁-index,也是父母)在悬停时使用基本的jQuery。此外,没有相关元素具有固定的位置。

我不知道还有什么可以展示,但this is the site,如果有人想看看它。

有什么建议吗?

0 个答案:

没有答案