Achintha Gunasekara Achintha Gunasekara - 3 months ago 18
CSS Question

Safari ignores z-index value

Good morning,

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.

In Safari (Mac version),

enter image description here

In Other browsers,

enter image description here

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;
}

Answer

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;
}
Comments