Div transparente cliquable et IE

[cartman17]

Bonjour à tous,

je vous explique mon soucis :

j'ai ce code :

Code :

1
2
3
4
5
6
7
8
<li>
     <img class="imageCarrousel" src="images/48.jpg" alt="" height="217" width="535"/>          
     <div class="lof-main-item-desc">
	 <h3>Perspectives 2011</h3>
	 <p>Nouvelles technologies, changements de mod&egrave;les, d&eacute;couvrez l'ann&eacute;e 2011 vue par les experts de Solucom.</p> 
      </div>
      <div class="onclick_img" onclick="window.location.href='index8.html';"></div>		
</li>

avec le css correspondant :

Code :

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
.imageCarrousel {
	z-index:1;
}
 
.lof-main-item-desc{
	z-index:2;
        position:absolute;
	top:30px;
	left:1px;
	width:150px;
	height:160px;
	background-color:white;
	opacity:.7;
}
 
.onclick_img {
	cursor: pointer;
	/*padding: 30px 0px 0px 1px;*/
	position: absolute;
	width: 532px;
	height: 217px;
	z-index: 2000;
	bottom: 0px;
	overflow:auto;
       background:transparent;
}

Ce qui donne ceci :



Ma div "img_onclick" permet de faire mon lien vers la page index8.html via javascript. Sous chrome et firefox ça fonctionne bien mais sous ie9 cette div prend la taille de la div "lof-main-item-desc" et du coup toute l'image n'est pas clickable.

Je ne trouve pas de solution alors si quelqu'un pouvais m'aider svp !

Merci

[Marc22]

Bonsoir, en javascript href est une fonction il faut donc passer le lien en paramètre.

Code :

window.location.href('index8.html');

Enfin je pense que c'est ce qui bloquait

Autre chose, ça m'étonne que opacity ne te pose pas de problème sous IE. Je ne pense pas que IE gère opacity.