CSS a:hover ne fonctionne pas sous IE8

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • CSS a:hover ne fonctionne pas sous IE8

    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) :

    Code:
    .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 :

    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 :

    Code:
    <!--[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 :

    Code:
    <!--[if IE 7]>
    <link href="<?php echo $this->baseurl ?>/templates/beez_20/css/ie7only.css" rel="stylesheet" type="text/css" />
                    <![endif]-->
    et juste avant
    Code:
     <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
    Dernière édition par bizerte77 à 22/02/2012, 16h52

  • #2
    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;
    }
    Sites perso :

    Silat club de Chessy (77)

    Commentaire


    • #3
      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

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X