J'essaie d'utiliser z-index pour superposer un bouton et un div. Le bouton apparaît derrière la div, alors que selon z-index il devrait être en face de lui. Les éléments de style associés au bouton & div sont capturés par Firebug:Problème avec z-index
Notez que le bouton a un index z de 2, le div a un index z de 1 et les deux sont position: relatif. Le code HTML complet est le this pastebin.
z-index est un relatif, pas une valeur absolue.
Un objet avec z-index de 10 milliards ne seront pas apparaître au-dessus de tous les éléments sur la page, que sur d'autres éléments de la même contexte d'empilement
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp
Dans la hiérarchie CSS que vous avez publiée, il semble que le bouton et div sont contenus dans différents éléments (#note18 et #note19), vous devez donc vous assurer que ces éléments ne créent pas d'empilage différent les contextes qui rendront inutiles les index z pour les éléments à l'intérieur de ceux-ci.
Hmm .. intéressant, je didn ' Je le sais. Comment suggéreriez-vous que je continue à «m'assurer que ces éléments ne créent pas des contextes différents ...»? – ripper234
Je lis ce que vous avez lié à, je suppose que la réponse est là mais je ne l'ai pas encore trouvé. – ripper234
J'ai joué avec le second lien, et je n'ai trouvé aucun moyen facile de le faire tout en gardant les positions relatives n'importe où dans la hiérarchie. OK, alors maintenant je comprends pourquoi cela se passe - mais comment puis-je obtenir l'effet désiré? – ripper234
Puisque les deux éléments sont positionnés et ont un index z, nous allons devoir voir le HTML pour trier celui-ci. – dclowd9901
@ dclowd9901 - les éléments sont créés via javascript. Comment capturer un HTML statique? – ripper234
1 et 2 ne sont probablement pas de bonnes valeurs à utiliser pour z-index, en particulier pour les tests. Essayez 1000 et 2000 et voyez si cela change quelque chose. – Robusto