enigme div et transparence

Salut tout le monde,

je dois rater un épisode...(je précise que je débute ;-) !)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<body>
	<div id="block0">
	<div id="block1">
	<div id="imgsetbtn">
  	<img src="images/1.jpg" style="position: absolute; z-index: 1;"  />
	<img src="images/2.jpg" style="position: absolute; z-index: 2;" />
	<button type="button" id="button1" style="z-index: 3;"></button>
	<button type="button" id="button2" style="z-index:3;"></button>	
	</div>	
	</div>
	</div>
</body>
 
//CSS
 
#block0{top:40px; position:relative; width: 900px; height: 358x; background: #fff; margin: 0 auto; }
#block1{ position: absolute; left: 0; top: 0; width: 900px; height: 358px; overflow: hidden; }
 
///JQUERY
$(document).ready(function() {
$('block0').css('opacity', 0);
}

...Ben l'opacité reste toujours à 100% ?...
J'ai raté quoi ?...