Safari忽略Z-index值 [英] Safari ignores z-index value

问题描述

早上好

我正在使用的网站遇到问题. 我的照片和下拉菜单都有一个滑块. 在其他所有浏览器上都可以正常工作，但是在Safari中，我的滑块位于下拉菜单的顶部.

I'm having trouble with a website I'm working on. I have a slider for my photos and drop down menu. It work fine on every other browser but in Safari my slider goes on top of the drop menu.

在Safari(Mac版)中，

In Safari (Mac version),

在其他浏览器中，

我将z-index添加到菜单CSS中，如下所示(然后它开始在其他浏览器上运行)

I have added the z-index to my menu CSS as below (then it started working on other browsers)

#cssmenu {
  font-family: Montserrat, sans-serif;
  background: #333333;
  /*Always on top of everything*/
  z-index: 999;
}

推荐答案

对浏览器进行完整的缓存清理后，此CSS似乎已经起作用

After doing a full browser cache clean, this CSS seems to have worked

#cssmenu {
    font-family: Montserrat, sans-serif;
    background: #333333;
    z-index: 999;
    position: relative;
}

这篇关于Safari忽略Z-index值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！