2009-08-31 108 views
1

我有以下的CSS:IE和透明背景

body { 
    background-image: url(images/background.jpg); 
    background-repeat: repeat-x; 
    background-color: #99ccff; 
} 

不幸的是,這個網頁上創建的任何股利,現在自動擁有這種顏色。如果應用到任何的div他頁上的以下作品無(它仍然需要在上面的顏色。

bacgkround: none; 
background: transparent; 
bacgkround-color: none; 
background-color: transparent; 

有人知道如何解決這個問題(在IE)? 即如何讓DIV透明或者沒有背景顏色

編輯:? 我已經上傳截圖在這裏:http://www.namhost.com/bgtrans.jpg 基本上,背景是從深藍色改變,以淡藍色,這是背景漸變的圖像在Firefox中,說bradd pitt的區域是透明的,你看不到藍色輪廓。但是,在IE中,你會看到你在屏幕截圖中看到的內容。

這裏是什麼可以在Firefox中看到的截圖:http://www.namhost.com/bgtransfirefox.jpg

+0

如果您可以發佈html代碼,那麼確定問題可能很有用。或者你可以給頁面的鏈接? – rahul 2009-08-31 09:04:54

+0

我添加了截圖? – coderama 2009-08-31 10:15:20

回答

1

背景顏色的假設似乎是錯誤的。

使背景透明意味着您將獲得底層元素的背景。我認爲在這種情況下它是你的身體元素。由於您已爲身體標記設置背景顏色,所有透明背景顏色的元素都將顯示身體的背景顏色。

編輯:

閱讀上述回答您的評論後,我想圖像路徑是否顯示,圖像的寬度和高度覆蓋全身的元素。

+0

我在原始帖子中添加了更改。 – coderama 2009-08-31 08:34:05

+0

我也添加了截圖! :-) – coderama 2009-08-31 08:39:56

0

但我認爲這是什麼應該發生的。

如果div未分配背景顏色,則會顯示正文背景顏色。

尤其是如果你說div背景是透明的。

+0

也許我不清楚。對於新的div,我添加了那些「background:transparent」條目,而div仍然顯示了body的背景,而不是透明。 – coderama 2009-08-31 07:19:57

+0

恐怕我還沒有得到它...你不是在描述身體的背景是可見的情況嗎?因爲div的背景是透明的嗎? – pavium 2009-08-31 07:29:52

+0

不,我不是。 :-)看到我上面的評論。我忘了提及這個頁面也有一個背景圖片。我會看看如果我不能在網上舉個例子。 – coderama 2009-08-31 07:45:15

2

不知道這裏出了什麼問題(如果有什麼錯誤的話),透明和沒有意味着div不應該有它自己的顏色,因此你會通過div看到父容器的背景......如果沒有父母有顏色,那麼你會看到背景的身體/頁面

+0

好的。更多信息。身體有一個背景圖像和一種顏色。 div是在背景的IMAGE部分。所以,從理論上講,如果它是透明的,你應該看到圖像。但是,我看到了COLOR。我在它周圍添加了一個邊框,這就清楚地表明瞭div實際上是一種純色而不是透明的。 – coderama 2009-08-31 07:44:01

0

不知道你的預期。我得到了Firefox和IE一致的行爲,此代碼:

<html> 
<style> 
body 
{ 
    background: green; 
} 
.a 
{ 
    bacgkround-color: none; 
} 
</style> 
<body> 
<div class="a">hello</div> 
<div>world</div> 
</body> 
</html> 

,如果這是一個比較複雜的情況下,你用debugBar檢查應用的樣式,或在Firefox至少螢火看看有什麼實際應用?