Bonjour tout le monde,
Le problème que je vais vous présenter est très simple ! J'ai simplifié au maximum le code pour que ce soit plus simple pour vous de le comprendre !
Voici le Html :
Le jeu consiste à superposer deux liens, et à les intervertir avec une variation du z-index. Pour pas faire trop lourd, je souhaite éviter le JS et donc régler ca avec du Css mais, avec le css suivant :
Maintenant si vous souhaitez voir l'effet sur le test :
http://www.welcomebac.com/CC/COCA_03_12/test.html
Comme vous le voyez, sous IE il interprète bien le changement de couleur mais ne gère pas la variation du z-index ! Une idée ?
Et si vous souhaitez savoir pourquoi je fais ca
:
http://www.welcomebac.com/CC/COCA_03_12/
Merci de votre aide !
Le problème que je vais vous présenter est très simple ! J'ai simplifié au maximum le code pour que ce soit plus simple pour vous de le comprendre !
Voici le Html :
<!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" xml:lang="fr" >
<head>
<title>Ça contre Ça</title>
<link rel= "icon" type="image/x-icon" href="icone/favicon.ico" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="icone/favicon(2).ico" /><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="" class="un">
tes test test teest testtest tesstte tes
</a>
<a href="" class="deux">
broute le chou
</a>
</body>
</html>Le jeu consiste à superposer deux liens, et à les intervertir avec une variation du z-index. Pour pas faire trop lourd, je souhaite éviter le JS et donc régler ca avec du Css mais, avec le css suivant :
a.un
{
background-color:#000;
color:#fff;
position:absolute;
z-index:100;
}
a.un:hover
{
color:#fff;
position:absolute;
z-index:5;
background-color:#44C444;
}
a.deux
{
background-color:#f36;
position:absolute;
z-index:90;
}
a.deux:hover
{
background-color:#999;
position:absolute;
z-index:100;
}Maintenant si vous souhaitez voir l'effet sur le test :
http://www.welcomebac.com/CC/COCA_03_12/test.html
Comme vous le voyez, sous IE il interprète bien le changement de couleur mais ne gère pas la variation du z-index ! Une idée ?
Et si vous souhaitez savoir pourquoi je fais ca
:http://www.welcomebac.com/CC/COCA_03_12/
Merci de votre aide !