Masquage de div qui ne fonctionne pas sur IE [Fermé]

Signaler
Messages postés
33
Date d'inscription
mardi 2 octobre 2007
Statut
Membre
Dernière intervention
6 août 2014
-
Gihef
Messages postés
5155
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 mars 2019
-
Bonjour,

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

#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 :

<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 :

#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.

3 réponses


Saluton,

Ton ancre de lien <a> n'est pas fermée (il manque </a>)

Pourquoi utiliser une div, une ancre et une image alors que tu obtiendrais le même effet avec bouton ?

<input type="button" id="btnFermer" style="background-image:url(./css/Fermer.gif); width:largeurkivabienenpx;height:hauteurkivabien9enpx"
onclick="javascript:document.getElementById('conditionnement'").style.display='none';"/>
Messages postés
33
Date d'inscription
mardi 2 octobre 2007
Statut
Membre
Dernière intervention
6 août 2014
16
Merci pour la balise </a>.

Je viens de tester :

<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

<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).
Messages postés
5155
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
6 mars 2019
2 628
Bonjour,

Pour répondre à un autre message (? dont le sujet était “innerHTML”) j'avais commencé à fabriquer cette chose.

Le thème n'est pas le même, mais le résultat y ressemble.
Elle utilise plutôt de la “visibility”.

Est-ce que IE6 l'accepte ?


++
J'utiliserais des "  " plutôt que leur représentation &quot;
Et mettrais le “onClick” sur le <img> plutôt que sur le <a>.

--