web-dev-qa-db-fra.com

Pourquoi l'arrière-plan disparaît dans Internet Explorer

J'ai construit un site Web Joomla ( http://www.apnae.org ) qui a l'air bien sur Chrome/Firefox mais son arrière-plan disparaît sous Explorer. Quelqu'un peut-il aider à le résoudre? Merci!

Dani

joomla-3.xjoomla-3.4
1
Dani Valverde

Le problème, c'est que vous utilisez rgba pour votre arrière-plan qui est non pris en charge par IE8. Vous devez ajouter un repli dans votre CSS pour le prendre en compte, comme suit:

#wrapper > div.inner {
    background: rgb(154, 179, 255);
    background: rgba(154, 179, 255, 0.75);
    font-family: "Open Sans";
    font-size: 14px;
}

Remplacez le code actuel que vous avez dans le fichier suivant à la ligne 21 par le code ci-dessus:

templates/apnae/css/template.css

Vous devrez également ajouter une solution de secours pour l’arrière-plan de la barre latérale sur la ligne 436 comme ceci:

#left > div.inner {
    background: rgb(77, 121, 255);
    background: rgba(77, 121, 255, 0.5);
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
    padding: 10px;
}
1
Lodder

Autant que je sache, le site fonctionne bien dans IE 9+, mais dans IE 8, l'arrière-plan bleu clair semble disparaître. Ce n'est pas effectivement disparu, mais l’arrière-plan de l’image est placé au-dessus de celui-ci.

(J'ai seulement testé cela dans IE11 en émulant IE8, donc il se peut qu'il ne soit pas précis)

Cela semble avoir quelque chose à voir avec l'utilisation de pie.htc. Essayez de supprimer les éléments suivants de votre modèle et voyez si cela fait une différence:

<!--[if lte IE 8]>
<style type="text/css">
#wrapper > div.inner,#nav1 > div.inner,#left > div.inner,#center > div.inner,#content > div.inner { behavior: url(/templates/apnae/pie.htc) }
</style>
<![endif]-->

(Notez que IE8 ne prend pas en charge les arrière-plans transparents utilisant RGBA).

1
johanpw