2010-09-22 100 views
1

在IE8打開這個網站:白色背景問題在IE

http://www.bavarianblue.com

看到白色的背景是什麼?任何想法是什麼造成的?我試着給它分配一個清晰的gif,沒有任何改變。作品在Chrome偉大和FF

alt text

請幫助:)

+0

第一個建議是要擦亮您的標記。目前,W3C驗證是否顯示一把的錯誤:http://validator.w3.org/check?uri=http%3A//bavarianblue.com/ - 和IE8是因爲越來越難過,當它沒有得到compcomp t代碼。 – 2010-09-22 14:35:13

回答

4

如果您使用的開發工具在IE8(鍵盤快捷鍵F12),並用白色背景,你會發現應用到元素下面內嵌樣式檢查元素:

<div class="slide" style="z-index: 5; position: absolute; background-color: #ffffff; zoom: 1; display: block; top: 0px; left: 0px;" cycleH="277" cycleW="500" jQuery1285163831375="11"> 

什麼是生成的HTML您?我認爲它是JQuery UI?

+0

不知道...這是一個WP主題,我正在黑客出來,誰寫了它最初採取了一些捷徑。這應該是我的正確道路 – Jared 2010-09-22 14:12:51

+0

發現問題 - 它在JS中。感謝您的建議! – Jared 2010-09-22 14:38:36

0

我已經調查並得出一個解決方案

#spotlight .slide{ 
background: url("images/featured_bg.png"); 
} 
0

在您<div class="slide">設置背景顏色:透明

0

第一個div#spotlight有一個backgound-color:#ffffff;設置爲內聯樣式(使用開發人員工具(F12)可以很容易地看出) - 刪除它,你就會得到你所期望的。

+0

不要刪除它,因爲過渡效果在IE中看起來很糟糕 - 只需將顏色改爲它應該是的顏色即可。 – easwee 2010-09-22 14:08:13

1

在IE中,<div class="slide">獲得style="background-color:#fff;"。這是IE的修復,使淡入淡出的過渡文本平滑而不參差不齊。尋找到顏色被設置,並與背景顏色更換(可能是.js文件或者調用幻燈片插件)

+0

你的回答是對的!謝謝! – Jared 2010-09-22 14:38:12

0

稍晚,但一些工作,我處理IE8背景問題:

selector{ 
    background: transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important; /* IE6 & 7 */  
    zoom: 1; 
} 

確保,如果你想有一個顏色(去掉「00」如果你不想要一個透明的結果來調整濾波器十六進制顏色