2017-08-06 305 views
0

我有背景色透明表示作爲白色背景色透明顯示爲白色

這裏的問題是一個示範頁面: http://www.kurzweilai.net/ray-kurzweil-reveals-plans-for-linguistically-fluent-google-software?utm_source=KurzweilAI+Weekly+Newsletter&utm_campaign=0ad261ad5e-UA-946742-1&utm_medium=email&utm_term=0_147a5a48c1-0ad261ad5e-281975877

中間一列是DIV「包裝」

其中有風格:background: url('../images/layout/bg_wrapper.gif') 0 0 repeat-y;

如果我去控制檯和類型:

x=document.getElementById('wrapper'); 
window.getComputedStyle(x, null).getPropertyValue('background-color'); 

我得到:

"rgba(0, 0, 0, 0)" 

然而就說明它的背景爲白色,而不是車身顏色(黃綠色)。

這是爲什麼?

Thx!

回答

1

你有三層:body,#wrapper和#wrapper-1。 #wrapper的背景是一個重複的bg_wrapper.gif,並且#wrapper-1一個是重複的bg_wrapper_1.gif,所以最後你會看到gif的顏色。如果你想看到身體背景,你需要刪除gif。

0

這就是問題所在:

#wrapper { 
background: url(../images/layout/bg_wrapper.gif) 0 0 

刪除background: url(../images/layout/bg_wrapper.gif) 0 0和背景替換爲:透明(你沒有,你刪除後,將是透明的。)

你可以也只是使用!重要的選擇器來覆蓋。

#wrapper { 
    background: transparent !important; 
} 
相關問題