Conditionnel IE8 style original fichier CSS?

Comment puis-je remplacer ce style pour juste navigateurs IE8 (je ne pense pas que je me soucie trop pour les utilisateurs d'IE7 plus, sauf si le balisage est très minime)?

#menu ul {
    margin:0;
    padding:0;
    width:650px;
    }
#menu ul li {
    display:inline-block;
    width:110px;
    padding:15px 10px 15px 10px;
    text-align:center;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    background:#e5e5c3;
    }

Évidemment, IE8 et ci-dessous ne rend pas display inline-block sur li éléments alors, comment puis-je conditionnellement surcharger dans l'original de ce fichier CSS?

InformationsquelleAutor oceanic815 | 2013-08-06
  1. 5

    Vous pouvez soit utiliser un conditionnel balise html pour ajouter une classe si le navigateur si IE et de la cible au moyen de la spécificité, de charger un ie8 seule feuille de style ou d'utiliser un CSS hack \0/ pour cible IE8 seulement.

    Je suggère à la tête de l'itinéraire si vous avez seulement un couple de one-off questions dans IE.

    HTML Méthode de Classe

    Dans votre HEAD

    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    Dans votre CSS

    .ie8 #menu ul li {
    display:block;
    width:110px;
    padding:15px 10px 15px 10px;
    text-align:center;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    background:#e5e5c3;
    }

    IE8 seulement de la feuille de style de la méthode

    Charge APRÈS votre commune et partagée styles.

    <!--[if IE 8]><link href="/css/app-ie8.css" type="text/stylesheet"/> <![endif]-->

    IE8 CSS hack

    utiliser \0/directement après sélecteur de

    #nav li ul  {
  left: -39px
    #nav li ul  {
left: -39px\0/ !important;
}
    / !important;
}
    InformationsquelleAutor Christopher Marshall
  2. 0

    Comment sur l'utilisation de la feuille de style différente pour cette. ou soit vous pouvez utiliser les styles intégrés dans le html comme suit

    <!--[if gte IE 8]>
<style>
#menu ul li{
....
}
</style>
<![endif]-->

    ou

    <!--[if gte IE 8]>
<link  type="text/css" href="{path to your ie-8 override css}" />
<![endif]-->

    Il y a un autre hack mentionné ici.

    InformationsquelleAutor chamath