z-index ne fonctionne pas très bien dans l'ipad

Je suis en construction d'un site pour un ami (http://pasionesargentas.com/sm/) avec le plein écran de la galerie avec vignettes de flip (http://tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip/). Je n'aime pas vraiment l'idée de l'envers de la chose si j'ai simplement préféré pour le désactiver et ajouter un menu à la place. Le menu div css est quelque chose comme

#top {
position:fixed;
background: transparent;
display: block;
z-index: 99999;
}

Il fonctionne très bien dans Chrome, Safari, Explorer et Opera. Mais pour une raison qu'elle ne peut pas voir le menu sur son iPad. Depuis je n'ai pas d'ipad, j'ai téléchargé l'Ondulation de Contrôle de Mission et il fonctionne très bien aussi, alors je n'ai aucune idée de ce qu'il se passe.

Maintenant, la question: dois-je Faire en css différent pour tablette navigateurs (iPad)? Ou c'est la galerie qui joue avec le menu et le couvrir?

InformationsquelleAutor Claudio | 2012-08-06
  1. 1
    .description {
position: fixed;
top: 5px;
left: 50px;
text-shadow: 1px 1px 1px black;
z-index: 5;
}
#nav:hover {
background: #829FB0;
opacity: 1.0;
filter: alpha(opacity=100);
z-index: 10;
}
#nav {
align: center;
background: #829FB0;
padding: 3px 7px;
display: inline;
opacity: 1.0; //change this later
filter: alpha(opacity=65);
-moz-border-radius: 9px;
border-radius: 9px;
z-index: 10;
}

    Le problème pourrait être transparent recouvrant les divs, donc tout d'abord de remplacer votre code avec ce code, où les divs/nœuds qui doivent être placés plus haut ne sont pas transparents, et puis voir l'utilisation de z-index que j'ai donné, vous n'avez pas besoin de trop haut les valeurs de

    Lors de la vérification des erreurs dans le css assurez-vous de faire des nœuds visibles et supprimer leur opacité et de ne jamais donner des valeurs trop élevées pour les z-index. Essayez, si cela ne fonctionne pas, je vais regarder de près.

    • Merci, Nina! Même si ce code n'a pas de résoudre le problème directement (menu n'est pas dans l' .description div), il m'a aidé à démarrer et à trouver la solution. Merci beaucoup!!!
    • ce est votre solution?
    InformationsquelleAutor GLES
  2. 4

    Eu le même problème, voulait utiliser une superposition de div avec une image png transparente sur le haut d'un autre div. Découvert que z-index ne fonctionne que sur un élément dont la propriété position a été définie de façon explicite à l'absolu, fixe, ou d'un parent. Fixe mon ipad z-index problème instantanément.

    .topbar { 
    display:block; 
    background: transparent; 
    height: 60px; 
    width: 1024px; 
    display: block; 
    margin: 0; 
    padding: 0; 
    z-index:6; 
    position:relative; 
} 
.middlebar { 
    display:block; 
    background: transparent; 
    height: 60px; 
    width: 1024px; 
    display: block; 
    margin: 0; 
    padding: 0; 
    z-index:5; 
    position:relative; 
} 
.bottom { 
    display:block; 
    background: transparent; 
    height: 758px; 
    width: 1024px; 
    display: block; 
    margin: 0; 
    padding: 0; 
    z-index:4; 
    position:relative; 
}
    • Le soin de fournir un exemple de code serait d'utiliser pour résoudre ce problème?
    • .topbar{ display:block; background: transparent; height: 60px; width: 1024px; display: block; margin: 0; padding: 0; z-index:6; position:relative; } .middlebar{ display:block; background: transparent; height: 60px; width: 1024px; display: block; margin: 0; padding: 0; z-index:5; position:relative; } .bottom{ display:block; background: transparent; height: 758px; width: 1024px; display: block; margin: 0; padding: 0; z-index:4; position:relative; }
    • désolé de nouveau ici, à comprendre la mise en forme du texte...Donc la seule chose que j'ai fait pour résoudre mon iPad z-index problème était de donner les éléments d'une position relative. C'est vraiment.
    • mais la position de réglage de l'correctement est nécessaire pour chaque navigateur et d'autres trop. Comment cela résout iPad seulement des questions?
    InformationsquelleAutor Victor Winters