Si je click "Affiche index2" après le chargement la valeur de retour zIndex est vide.
Si je click "Change index2" puis "Affiche index2" à nouveau l'zIndex vaut 5, normal.

Pourquoi ne vaut-il rien au premier passage alors qu'il est définit dans le CSS avec la valeur 2?
Je ne comprends pas tous sur ce coup
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
<title>z-index</title>
<style type="text/css" title="text/css">
	body{ background-color: #000;}
 
	#z2{
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
 
		padding: 4px;
		border: 2px solid lightgrey;
		width: 180px; height: 140px;
		position: absolute; left: 75px; top: 80px;
		background-color: yellow;
		z-index: 2;
	}
</style>
</head>
 
<body>
<button onclick="alert(document.getElementById('z2').style.zIndex);">Affiche index2</button>
<button onclick="document.getElementById('z2').style.zIndex = '5';">Change index 2</button>
 
	<div id=z2>z-index 2</div>
 
</body>
</html>