2010-11-30 35 views
2

Je sais que ce problème est bien documenté mais je ne peux pas trouver une solution de travail de ce que j'ai lu. J'ai un site assez grand et je veux un div pour s'asseoir sur tout le reste sur le site. maintenant ive essayé de donner le div "position:absolute; z-index:99999;", cela fonctionnera dans tout sauf à savoir. Comment puis-je faire cela en IE?question z-index dans ie

+1

Avez-vous déjà essayé toutes les solutions données à des questions similaires sur le SO? http://stackoverflow.com/search?q=z-index+IE+issue –

+0

@phil crowe: Dites-nous toutes les choses que vous avez essayé et déjà déterminé * pas * de travailler. C'est beaucoup plus facile pour nous tous que de commencer depuis le début. –

+0

donc la solution commune que je trouve est cette ul {position: absolute; indice z: 1000; } ul li {\t position: relative; } fait en sorte que le parent ait un index z plus élevé que l'élément que vous voulez voir apparaître en haut. mais je veux juste un div pour s'asseoir sur tout, le seul parent à cette div est l'étiquette du corps. –

Répondre

0

Vous pouvez essayer:

position: fixed; z-index: 9999; 

Cela fera la div apparaisse au-dessus des autres. (Et suivre lorsque vous faites défiler vers le bas)

+0

cela ne fait pas apparaître la div au-dessus des autres. fait juste bouger le div avec l'écran mais c'est encore derrière tout le reste. –

+0

cela devrait fonctionner ... avez-vous essayé d'ajouter z-index: 0; au corps? –

0

donc j'ai essayé ce script jquery j'ai trouvé

$(function() { 
    var zIndexNumber = 1000; 
    $('div').each(function() { 


     $(this).css('zIndex', zIndexNumber); 
     zIndexNumber -= 10; 
    }); 
}); 

i ajouté un autre emballage autour de lui pour vérifier si le broswer est-à-dire avant la main. Cela semble régler le problème, mais signifie que les pages sont plus lentes, c'est-à-dire que chaque div est traité. quand la page se charge.

0

Ce n'est pas ce qui devrait arriver. Sans voir le code HTML & CSS, il est difficile d'identifier pourquoi. Quelques techniques de débogage standard ...

La définition de l'index z sur un nombre très élevé devrait rendre cet élément devant tout le reste **. Si ce n'est pas rendu à l'avant, alors quelque chose met l'index z des autres éléments à quelque chose de plus haut. Cela pourrait être défini en CSS ou par script. La vérification rapide consiste à désactiver les scripts. Pour étudier cela, utilisez firebug pour trouver l'index z de l'élément devant. Pour le trouver, éditez tous les scripts, même minifiés, et recherchez simplement "z-index".

Il semble qu'un rapide retour aux sources revoie le problème.

Normalement, on utiliserait des nombres d'index z bas - 2 est supérieur à 1, pourquoi utiliser plus?!? Certains développeurs de plug-in ont été connus pour utiliser des nombres z-index stupidement élevés.

.

** IE 6 a un bug bien connu où les éléments de formulaire remplacés (par exemple, select) vont "briller". La solution est de mettre un iframe devant lui.