我遇到了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 e l e c t e d w o r k 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,如果有人想看看它。
有什么建议吗?