2014-05-09 101 views
0

我有這樣的HTMLHTML身體的bgcolor透明

<html> 
<head> 
</head> 
<body bgcolor="#FFFFFF" 
style="margin:0px;padding:0px;" 
<div style=width:100%;color:#000000;padding:25px;font-family: Segoe UI;font-size: 17px;"></div></body></html> 

在這裏,我已經設置bgcolor="#FFFFFF",但我希望它是透明的怎麼辦呢?

+0

透明?它是白色還是你想讓這種顏色變薄?如果是這樣,有一個屬性稱爲不透明度,請嘗試一下 – Manjuboyz

+0

也許您應該查看[樣式表](http://www.w3.org/Style/CSS/)。 –

+0

只要刪除該屬性..即'bgcolor' –

回答

1
background-color: transparent; 

更新
但是,你有沒有辦法讓瀏覽器窗口透明。所以,即使你使用上面的代碼,你的背景仍然是白色的。

+0

我需要添加哪裏? – user2056563

+0

最好在鏈接到''標籤的CSS文件中。 –

+0

的身體風格,或在一個單獨的CSS文件。 –

3

HTML沒有提供指定透明背景的方法(以及它必須指定任何類型的背景已過時且不應使用的方法)。你可以在CSS中做到這一點。

body { 
    background-color: transparent; 
} 

這將使<html>元素的背景可見。

沒有辦法讓瀏覽器窗口透明。

+0

「沒有辦法讓瀏覽器窗口變得透明。」** ......即使有......你期望在另一面看到什麼。** :) –

+0

無論在你的操作系統的窗口下面:) – wmsschlck

+0

我可以想到一個用例:當使用Chrome無頭Selenium網絡驅動程序截圖時,例如,我想要得到的PNG透明的(除了可見的元素)。 – opyate

2

採用直列造型,你可以做到這一點:

<body style="background-color: transparent;"> 

但更好的選擇是把下面的代碼:

body { background-color:transparent; } 

中,你在<head>鏈接到一個CSS文件像這樣的頁面的部分:

<link rel="stylesheet" type="text/css" href="NAMEOFFILE.css"> 
+0

我試過但仍然顯示白色 – user2056563

+0

我只需要加'body {background-color:transparent; ''head'標籤裏面的標籤對嗎? – user2056563

+0

@ user2056563這個代碼只會使它相對於它後面的元素透明,即「」標籤。 –

1

您需要使用CSS而不是HTML屬性設置透明背景:

<body style="background: transparent; margin: 0; padding: 0;"> 

最好你應該有一個樣式表,用於放置樣式的頁面,而不是將樣式放入HTML元素中。

注意:要使用帶有透明背景的iframe(這是可以使用頁面上的透明背景的唯一方式),您需要將allowtransparency屬性添加到iframe標記以使其在IE中工作:

<iframe .... allowtransparency="true"></iframe>