IE8 Image d'arrière-plan ne montre Pas

J'ai une liste non ordonnée qui utilise des images d'arrière-plan. Tout est bien en Chrome & FF, mais IE8 est de présenter certains problèmes. Les images de fond ne sont tout simplement pas de charge. Comment puis-je obtenir pour les afficher dans IE8? Est-ce une image de fond de la question?

<ul class="service-icons">
  <li>
    <a id="service-icon-routine" href="#">
      <span class="service-category-title">Routine Service</span>
    </a>
  </li>
</ul>

Styles

ul.service-icons {
    list-style-type: none;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

ul.service-icons li {
    display: inline-block;
    width: 157px !important;
    height: 140px;
    padding: .5em !important;
    margin-bottom: 1.5em;
}

ul.service-icons li a {
    padding: 0em 0em 6.7em 0em;
    width: 102px !important;
    display: block;
    height: 15px;    
    text-decoration: none;
    margin-left: 2.2em;
}

.service-category-title {
    display: block;
    padding-top: 120px;
    text-align: center;    
}

#service-icon-routine {
    background: url('http://i.imgur.com/LieBz.png');
    background-position: 0px 0px;
}

Toute aide est très appréciée!

Salut Kyle, n'avez-vous jamais comprendre cela? Je pense qu'il a quelque chose à faire avec des bibliothèques comme Selectivizr. J'ai eu le même problème, mais impossible de trouver comment le résoudre.
Salut Jacques. Nope, jamais eu fixée à l'aide de la même méthode. J'ai fini par changer mon approche et simplement à l'aide d'une image et d'un tas de gauche flotteurs pour obtenir le même look.
Merci Kyle, j'ai finalement compris que mon problème venait de Selectivizr qui ne prend pas en charge l'utilisation de l'ensemble de l'Url dans le CSS (i.e. HTTP://)

OriginalL'auteur Kyle Suss | 2012-08-02

  1. 2

    faire -ms-border-radius: 8px;

    pour microsoft

    Ce n'est pas beaucoup d'une réponse; le soin de le développer?
    Bizarrement, il a fixé un problème similaire pour moi.

    OriginalL'auteur mrwhy

  2. 0

    Je pense que c'est l'étouffement sur l'utilisation de seulement background, comme c'est le chargement, que 

    background-image: url("null");

    De le changer à la suite de devrait résoudre le problème:

    #service-icon-routine { 
    background-image: url('http://i.imgur.com/LieBz.png'); 
    background-position: 0px 0px; 
}
    Essayé de le changer de background-image. Même chose
    Intéressant. Quand je l'ai changé à travers les outils de développeur de cette façon, il a travaillé. Hmmmm.
    le css généré dynamiquement par l'intermédiaire de MOINS ou SCSS ou quelque chose? En quelque sorte, même si le chemin d'accès au fichier fichier css est le même entre IE8 et IE9, IE8 est de mettre le url("null") alors que IE9 obtient le chemin d'accès correct. Qui ne semble pas possible avec un statique fichier css, donc je suppose que c'est dynamique, et plus deviner que quelque chose à faire pour ce qui est généré est en train de changer entre IE8 et IE9. Dans otherwords, je ne pense pas que c'est une IE8 bug, mais un bug dans ce qui est de générer le css.
    Est-il fixé à vous maintenant? Je l'ai changé, mais je dois faire mon test du navigateur dans un bootleg. suss.net/certified-service
    ne montrant pas pour moi dans IE8.

    OriginalL'auteur ScottS

  3. 0

    Juste sauter sur ce, j'ai eu un problème avec un drupal plug-in réglage d'un filtre qui a dû être dégagée dans mon css principale. sur l'image css définir le filtre :

    filter: ;

    Qui devrait annuler. Pensé que cela pourrait aider

    OriginalL'auteur

  4. -1

    Essayez ceci:

    background:url(http://i.imgur.com/LieBz.png) no-repeat;

    Pourrait également être utiles pour définir la hauteur et la largeur de l'image de #service-icône-routine

    Merci pour la réponse. Il a essayé & pas de dés 🙁

    OriginalL'auteur Brett