28173 sujets

CSS et mise en forme, CSS3

Div avec image transparente IE

Bonjour,
voilà mon problème, j'ai une page avec des photos. Quand je clique sur une photo, j'affiche une image png grise transparante sur toute ma page et par dessus un agrandissement de la photo. Quand je clique sur l'agrandissement ça la ferme et ça enlève le fond gris. Tous marche impec avec firefox mais pas avec IE !! Aucun fond gris ! Smiley decu

ma page html:


...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
...
<SCRIPT LANGUAGE="Javascript" SRC="var/javascript.js"></SCRIPT>
	
<style type="text/css">
<!--
.popup_fond
{		
  top:0;		
  left:0;		
  width:100%;		
  height:100%;		
  position:fixed;
  visibility:hidden;		
  background-image: url(images/background_transparent.png);
 }

</head>
    	<div id= "popup_fond" class="popup_fond"></div>
....


et mon javascript:


function afficher(){
  ...
  document.getElementById("popup_fond").style.visibility = "visible";
  ...
}
function cacher(){
  ...
  document.getElementById("popup_fond").style.visibility = hidden";
  ...
}


si quelqu'un sait comment faire marcher ça sous IE ...
Merci !!!!
Modifié par beavis6511 (10 Sep 2007 - 12:30)
Bonjour,

C'est normal cet espace dans le code que tu présentes?
<div [#red]id= "[/#]popup_fond"


Sinon, côté HTML tu mélanges de la syntaxe HTML avec de la syntaxe XHTML. Du coup ton code ne sera pas valide.
Modifié par Florent V. (10 Sep 2007 - 12:21)
Sujet clos
Aller à