Internet Explorer地獄與背景圖片

我認爲自己是一個先進的Web開發人員，但我很難爲我正在做什麼導致Internet Explorer顯示我的背景圖像標題標記在一個地方，但不是在另一個地方的代碼完全相同。Internet Explorer地獄與背景圖片

我覺得我的眼睛一直在尋找這個網站，並且代碼太長，以至於沒有任何東西出現在我身上，所以作爲最後的手段，我要到這裏來。

分階段網站可以在這裏找到：http://honestagency.com/websites/hal10/

的問題是，在主頁上的「程序」框中框，應該從「滿足醫生」跨呈現出綠色的旗幟旗幟。「與醫生見面」橫幅使用幾乎相同的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>

我它可能是一個非常簡單的解決方案，但我超級難住了。謝謝您的幫助！

來源

2011-07-14 grandcameo

您使用的是哪個版本的Internet Explorer？我在IE8和FF3.6中看到了相同的結果 – riwalk

哪個版本的IE？ – Jrod

糟糕，我正在Firefox 4和5以及Internet Explorer 8中測試。Firefox在Compaq筆記本電腦上的Windows Vista上的Mac和IE上運行。 – grandcameo

嘗試在.living_healthy_fold類中添加z-index。

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

也許不能解決雖然作爲開發工具改變DOM似乎解決這個問題，所以很難找到合適的解決方案。

來源

2011-07-14 19:59:45 scrappedcola

我知道答案會非常簡單！我實際上錯過了設置DIV上的寬度！通過減去左/右填充來設置該問題可以解決問題。朝着真正緊張的交易走得太快。感謝大家快速幫助！ – grandcameo

Internet Explorer地獄與背景圖片

回答

相關問題