Internet explorer CSS : hover

Internet explorer CSS : hover - HTML/CSS - Programmation

Marsh Posté le 28-04-2006 à 09:49:41    

bonjour,  
 
voici mon super code :
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
body{font-family:Verdana, Arial, Helvetica, sans-serif;}
a.descr span{display:none;margin:5px;}
a.descr{color:#C88D15;}
a.descr:hover span{
display:block;
position:absolute;
width:250px;
background-color:#FFFFe1;
border:#666666 1px solid;
font-size:10px;
color:#000000;
float:right;
z-index:10;
padding:5px;
left:50px;
}
</style>
</head>
<body>
<a href="#" class="descr">Mon terme compliqu&eacute;<span><strong>Terme compliqu&eacute;</strong> : Petite d&eacute;finition de mon terme pour que les gens pigent</span></a>
</body>
</html>
 
 
(faites un copier coller pour voir ce que ça fait).
 
CONCLUSION : INTERBOUZ EXPLORER EST UN VRAIE GROSSE M**DE

Reply

Marsh Posté le 28-04-2006 à 09:49:41   

Reply

Marsh Posté le 28-04-2006 à 11:35:20    

Mouais enfin ça sert à rien de s'enerver..
 
sous IE le :hover marche que sur lélément a...
 
Donc débrouille toi dnas le CSS, pour avoir a:hover  :D

Reply

Marsh Posté le 28-04-2006 à 11:48:43    

Regarde ce Tuto sur le Site du Zéro (trouvable sur Google ;) )

Reply

Marsh Posté le 29-04-2006 à 11:24:46    

It works under IE : http://gatsu.ftp.free.fr/Modele/TestSyf/login.html
 
It's just need an hack for IE

Code :
  1. #BlocLogin a.links:hover {
  2.  background-image: url(Bonhommes.gif);
  3.  background-repeat:no-repeat;
  4. }
  5. #BlocLogin a.links span {
  6.  position:absolute;
  7.  display:block;
  8.  visibility:hidden;
  9.  background-repeat: no-repeat;
  10.  background-position: left top;
  11.  text-align:center;
  12. }
  13. #BlocLogin a:hover {border-bottom:0px; }/* indispensable pour IE : correction pour faire fonctionner le A:HOVER SPAN*/
  14. #BlocLogin a:hover.links span {visibility:visible}

Reply

Marsh Posté le 04-05-2006 à 10:51:49    

Ok merci beaucou pour vos réponses. Merci Gatsu35

Reply

Marsh Posté le 04-05-2006 à 10:58:30    

On peut aussi utiliser le holly hack pour mettre à true la propriété hasLayout du a

Reply

Marsh Posté le 04-05-2006 à 10:58:38    

Et du coup ça fonctionne aussi

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed