Ich habe ein Dropdown Menü gemacht und das sieht auch bei allen Browsern richtig aus.
Nur im mobilen Safari ist das Menü im Hintergrund und man kann auf keinen Menüpunkt klicken.
Hier ein kleiner Codeausschnitt
Code
@media (max-width: 767px) {
.navbar-collapse ul li{
height: 40px;
line-height: 40px;
overflow: hidden;
padding-top: 7px;
width: 245px;
font-size: 16px;
margin-top: -8px;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
}
.navbar-collapse ul{
display: block;
position: absolute;
z-index: 1000;
width: 245px;
overflow: hidden;
margin-left: -1.5px;
margin-top: 0px;
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,0.8);
transform: translateZ(1000);
-webkit-transform: translateZ(1000);
}
}
Alles anzeigen
Wie man sehen kann habe ich meinen z-index schon sehr hoch gemacht, damit auch wirklich nicht vor diesem Element ist. Doch im Mobilen Safari will das einfach nicht hinhaun.
Wenn einer von euch ein IPhone hat kann er/sie sich das mal selbst ansehen.
Die Adresse zu meiner Homepage ist
http://www.chor-diagonal.at/cms
Ich hoffe einer von euch kann mir helfen.