Internet Explorer Hell with Background Images

Question

私は自分自身を先進的なWeb開発者だと思っていますが、インターネットエクスプローラーでヘッダータグに1つの場所の画像を表示させるために何をしているのか分かりませんまったく同じコードの別の場所。

私の目はこのサイトを見ていて、何かが私に飛び出すのには時間がかかりすぎていると思うので、最後の手段として私はここに行きます。

ザ・上演サイトでは、ここで見つけることができます：http://honestagency.com/websites/hal10/

問題は、ホームページ上の「手順」ボックスの下のボックスに、「医師に会う」の向かいに示す緑色の旗がなければならないということですバナー。 「Meet The Doctors」バナーは、ほぼ同じCSSコードを使用します。

.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;} 

HTMLは、それぞれ次のとおりです。

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

私はそのおそらく本当に簡単な解決策が、私はスーパー困惑します。助けてくれてありがとう！

Answer 1

.living_healthy_foldクラスにZ-インデックスを追加してみてください。開発ツールでDOMを変更すると、それは適切なソリューションを見つけるのは難しいですので、問題を修正しているようだけれども

.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; 
} 

が解決しない場合があります。