Internet Explorer Enfer avec des images de fond

Question

Je me considère comme un développeur web avancé mais je suis assez perplexe quant à ce que je fais pour que Internet Explorer affiche mon image de fond sur une étiquette d'en-tête à un endroit mais pas à un autre endroit avec exactement le même code.

Je pense que mes yeux ont regardé ce site et le code pendant trop longtemps pour avoir quelque chose qui m'arrive, alors en dernier recours, je suis ici.

Le site mis en scène se trouve ici: http://honestagency.com/websites/hal10/

Le problème est que dans la zone sous la case « procédures » sur la page d'accueil, il devrait y avoir une bannière verte montrant en face de la « Meet The Doctors » bannière. La bannière "Meet The Doctors" utilise un code CSS presque identique.

.home_content div.left div.living_healthy h1.living_healthy_fold{background-image:url('../images/folds/living_healthy.png');position:absolute;left:-16px;top:20px;width:448px;height:76px;text-indent:-5000px;}  
.home_content div.right div.meet_doctors h1.meet_doctors_fold{background-image:url('../images/folds/meet_doctors.png');position:absolute;right:-16px;top:20px;width:394px;height:76px;text-indent:-5000px;} 

Le code HTML est respectivement:

<h1 class="living_healthy_fold">Living Healthy</h1> 
<h1 class="meet_doctors_fold">Meet The Doctors</h1> 

Je est probablement une solution vraiment facile, mais je suis super déconcerté. Merci pour l'aide!

Answer 1

Essayez d'ajouter un index z sur la classe .living_healthy_fold.

.home_content div.left div.living_healthy h1.living_healthy_fold{ 
    background-image:url('../images/folds/living_healthy.png'); 
    position:absolute; 
    left:-16px; 
    top:20px; 
    width:448px; 
    height:76px; 
    text-indent:-5000px; 
    z-index:10; 
} 

pourrait ne pas résoudre bien que changer le Royaume dans les outils de développement semble résoudre le problème de sorte qu'il est difficile de trouver la bonne solution.