Titre: transparence png avec rollover
Posté par: Lapin le le 15-03-2007 a 20:25:07
Bonjour,
je suis nouveau et je me suis lancé dans le html depuis peu.
J'ai fait un menu avec des boutons transparents pour mon site, mais vu le piètre résultat obtenu avec des gifs j'ai décidé de les faire en png, le problème était que la transparence png ne marchait pas avec les versions d'IE inférieures à la 7, alors j'ai trouvé un javascript qui permet de corriger ce problème, mais maintenant les onmouseover ne marchent pas sous les versions d'IE<7. :'(
Ce que j'aimerais faire, ce serait conserver des png avec de la transparence tout en faisant des rollovers sur les boutons.
Toutes vos suggestions sont les bienvenues.
Merci d'avance pour vos réponses.
PS: voici le code de la frame de mon menu:
Code:
<html>
<head>
<LINK REL ="stylesheet" TYPE="text/css" HREF="menu.css">
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="arriere"><img src="Site/planche2.jpg" width="100%" height="100%">
<div id="contact_ck"><a href="contact.htm" target="cadre_droite"><img src="rendus panneaux/contact.png" onmouseover="src='rendus panneaux/contact_cl.png'" onmouseout="src='rendus panneaux/contact.png'" width="100%" height="100%" alt="contact" border="0"></a></div>
<div id="photos_ck"><a href="photos.htm" target="cadre_droite"><img src="rendus panneaux/photos.png" name="photos" onmouseover="src='rendus panneaux/photos_cl.png'"onmouseout= "src='rendus panneaux/photos.png'" width="100%" height="100%" alt="photos" border="0"></a></div>
<div id="liens_ck"><a href="liens.htm" target="cadre_droite"><img src="rendus panneaux/liens.png" name="liens" onmouseover="src='rendus panneaux/liens_cl.png'"onmouseout= "src='rendus panneaux/liens.png'" width="100%" height="100%" alt="liens" border="0"></a></div>
<div id="danses_ck"><a href="danses.htm" target="cadre_droite"><img src="rendus panneaux/danses.png" name="danses" onmouseover="src='rendus panneaux/danses_cl.png'"onmouseout= "src='rendus panneaux/danses.png'" width="100%" height="100%" alt="danses" border="0"></a></div>
<div id="animateurs_ck"><a href="animateurs.htm" target="cadre_droite"><img src="rendus panneaux/animateurs.png" name="animateurs" onmouseover="src='rendus panneaux/animateurs_cl.png'"onmouseout= "src='rendus panneaux/animateurs.png'" width="100%" height="100%" alt="animateurs" border="0"></a></div>
<p><div id="le_club_ck"><a href="le_club.htm" target="cadre_droite"><img src="rendus panneaux/le_club.png" name="le club" onmouseover="src='rendus panneaux/le_club_cl.png'"onmouseout= "src='rendus panneaux/le_club.png'" width="100%" height="100%" alt="le club" border="0"></a></div>
<div id="accueil_ck"><a href="accueil.htm" target="cadre_droite"><img src="rendus panneaux/accueil.png" name="accueil" onmouseover="src='rendus panneaux/accueil_cl.png'" onmouseout="src='rendus panneaux/accueil.png'" width="100%" height="100%" alt="accueil" border="0"></a></div>
</div>
</body>
</html>
|
|
|
Titre: Re:transparence png avec rollover
Posté par: TinMar le le 20-03-2007 a 08:14:05
"mais maintenant les onmouseover ne marchent pas sous les versions d'IE<7"
Es tu sur ? Ca me parrait bizarre ?? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|