Discussion :

[Ziltoid]

Bonjour,

J'ai un div qui s'affiche en surimpression sur ma page, dont voici le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#conditionnement
{
	position:absolute;
	top : 200px;
	left : 35px;
	width : 662px;
	height: 502px;
	z-index : 10;
	background:url("./cond_fond.png") no-repeat;
	padding: 15px;
	color: #C8B700;
        font-size:12px;
	overflow:auto;
	}

Le fond est un PNG 24 (sous IE il est placé grâce à la propriété filter).
Dans ce div j'ai un autre div contenant le bouton "fermer", contenant du Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id='btnFermer'><a href='#' onClick='javascript:document.getElementById("conditionnement").style.display="none";'><img src='./css/Fermer.gif' alt='Fermer' title='Fermer' /></div>

et dont voici le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#conditionnement #btnFermer
{
	position :absolute;
	right : 80px;
	top : 15px;	
}

Sur Firefox le div se masque bien quand on clique sur le bouton Fermer. Sur IE le bouton Fermer s'affiche bien, mais rien ne se passe quand on clique dessus...
On m'a dit que ça pouvait avoir un rapport avec le fait que ça soit un PNG 24 qui soit en fond.

Merci pour vos réponses.

[SpaceFrog]

onClick = > onclick
si ton png 24 a des transparences IE n'aime pas ...

[Ziltoid]

onclick ne change rien.

Je viens de tester aussi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="button" id="btnFermer" style="background-image:url(./css/Fermer.gif); width:38px;height:28px"
onclick="javascript:document.getElementById('conditionnement').style.display='none';"/>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="image" src="./css/Fermer.gif"
onclick="javascript:document.getElementById('conditionnement').style.display='none';"/>

Mais aucun des 2 ne fonctionnent sur IE 6.
Pour le input type="button" IE 6 n'affiche même pas mon image, il laisse un bouton basique vide, et il n'y a même pas d'animation "enfoncé" quand on clique dessus.

Si je mets le bouton en dehors de mon div "conditionnement", là par contre ça fonctionne... Mais moi je veux que le bouton soit dans le div conditionnement (un peu comme les lightbox).

[SpaceFrog]

a tout hasard, on peut voir aussi le code du div ?