Bonjour,
J'ai un div qui s'affiche en surimpression sur ma page, dont voici le CSS :
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 :
<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 :
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.
Partager