CSS a:hover ne fonctionne pas sous IE8

[bizerte77]

Bonjour,

J'ai un problème avec IE8 pour le hover de mes images. Voici le code que j'utilise et qui fonctionne ailleurs (même sous IE7) :

.nohover { 
border: 0 none;
background-color:#FFFFFF;
}

nohover est la class de mes liens. Soue IE8 le hover est bleu (comme mes liens textes). J'ai également essayé ce code :

.nohover a:visited{
background-color:#FFFFFF;
}

.nohover a:active{
background-color:#FFFFFF;
}

.nohover a:hover{
background-color:#FFFFFF;
}

ça ne prend pas en compte.

Le code pour IE8 est dans une feuille de style à part qui s'appelle ie8.css. Dans index.php (dans le dossier beez20) j'ai rajouté cette ligne :

<!--[if lte IE 8]>
<link href="<?php echo $this->baseurl ?>/templates/beez_20/css/ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->

juste après :

<!--[if IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/beez_20/css/ie7only.css" rel="stylesheet" type="text/css" />
                <![endif]-->

et juste avant

 <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/beez_20/javascript/hide.js"></script>

Peut-être n'ai je pas placé au bon endroit mon link css ou alors faut-il faire autre chose?

Merci infiniment pour votre aide.

Bonne journée

[serval92]

Re : CSS a:hover ne fonctionne pas sous IE8

Bonjour bizerte77,

Peut-être tes hover sont déjà mentionnés dans un fichier CSS, qui est prioritaire...
En ajoutant !important à tes propriétés, quel est le résultat ?
.nohover a:visited{
background-color:#FFFFFF !important;
}

[bizerte77]

Re : CSS a:hover ne fonctionne pas sous IE8

Bonjour,

Effectivement, mes hovers sont déjà mentionnés dans un autre fichier CSS, j'ai modifié à cette endroit là et maintenant c'est bon.

Merci!

Bonne journée