2009-09-20 7 views
4

J'ai un formulaire qui utilise un div qui se positionne sur certains éléments d'entrée. Pour une raison quelconque, ces éléments d'entrée sont au-dessus du div positionné, même si le div a un indice z élevé. Ne sais vraiment pas pourquoi cela se produit, car les champs de saisie n'utilisent même pas le positionnement absolu, donc je pense qu'ils ne seraient jamais au-dessus d'un autre élément.Position CSS Index Z absolu Problème

Exemple (Cliquez en personne, État ou champ Résidence): http://www.puc.edu/puc-life/funnybook/little-black-funnybook

Répondre

3

Il semble que vous ne devez même pas définir un ordre élevé d'empilement pour le .item .answer sélecteur, au moins dans le Gecko moteur. Essayez de supprimer la position et z-index et voir si c'est compatible x-navigateur?

Editer: Ah j'ai oublié que j'avais appliqué la position: par rapport à l'élément div.item, pouvez-vous essayer de basculer quand il apparaît et de le désactiver lorsque vous le cachez? Cela ou laisser la position: relative sur tous les div.items par CSS externe et basculer l'index z à être «2» lorsque les choses pop ups et retour à l'auto quand il est caché.

+0

j'ai enlevé z-index: 1000 de .item .answer et ce a fait l'affaire. Je ne sais pas pourquoi il était là en premier lieu ... –

+0

On dirait que IE7 a toujours un problème. Maintenant qu'il est corrigé dans Safari/FF, il faut le réparer dans IE7. Des idées? –

+0

Quelle solution avez-vous choisi? Vous avez appliqué une position relative à div.items? Si c'est le cas, essayez de basculer l'index z pour qu'il soit plus haut lorsque la fenêtre contextuelle apparaît. –

0

z-index est la solution, mais il ne fonctionne pas avec une bonne iframe film youtube, pour que vous devez utiliser wmode = 'transparent'