1. 首頁
  2. 問答
  3. html透明背景

html透明背景

2010-05-02 203 views
6

我想創建一個透明背景，表格和一些文本的網頁。我看過與此相關的帖子，但由於我對css的熟悉程度不夠，我無法讓我的代碼正常工作。我只想要一個透明的背景，而這段代碼讓所有事情都變得透明。有人可以提供幫助嗎？html透明背景

<html> 
<head><style type="text/css"> 
    div.transbg {background-color:#4a6c9b; opacity:0.6;} 
</style></head> 
<div class="transbg"> 
<body><Center><font color="#FFFFFF"> 
    <b>Toll Charges</b> 
    <table bgcolor="#000000" cellspacing=3> 
    <tr> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="left"> &nbsp; &nbsp;Class 2 inc Private&nbsp;</font></td> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="right"> &nbsp;A$ 4.95 &nbsp;</font></td> 
    </tr> 
    <tr> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="left"> &nbsp; &nbsp;Class 2 inc Commercial&nbsp;</font></td> 
     <td bgcolor="#009900"><font color="#FFFFFF" align="right"> &nbsp;A$ 13.95 &nbsp;</font></td> 
     </tr> 
    </table> 
    <br> 
    Toll has to be paid within 48 hrs of passage, else an additional A$ 13.95 of administration charges would be added 
    </font></Center> 
</div> 
</body> 
</html>

更新所有的答案的人

十分感謝。我現在用另一種方式解決了這個問題。其實，我正在編寫一個使用Webview來顯示一些HTML的iPhone應用程序。我想給webview一個透明的外觀，這可以通過在界面構建器中爲webview本身設置alpha來實現。它有點說，讓我的整個Web瀏覽器50％透明。我想感謝大家在這裏的幫助。

來源

2010-05-02 user315067

+3

PS ：自1998年以來已棄用「」和「

」（!!!）。請扔掉你正在使用的老式HTML教程/書籍，然後去獲取最近的一本。 – BalusC 2010-05-02 04:06:08

+0

是的，這些天，格式應該在CSS中完成。試想一下，像「」和「bgcolor」這樣的所有屬性都在一個位置完成。這樣你只需要使用class屬性來確定樣式。 – 2010-05-02 04:14:11

回答

0

我不確定您的要求是否有意義。只需給背景添加所需的顏色即可。

div.transbg { background-color: #92a7c3; }

透明度僅適用於背景圖像或覆蓋背景，這似乎不適用於您的特定情況。

來源

2010-05-02 04:10:40 BalusC

3

我相信你正在尋找此，

.transbg { 
    background-color:#4a6c9b; 
filter:alpha(opacity=60); 
-moz-opacity:0.6; 
-khtml-opacity: 0.6; 
opacity: 0.6; 
}

也許這http://css-tricks.com/rgba-browser-support/

來源

2010-05-02 04:11:53 user295292

+0

他的問題相當「一切」變得透明，而不是它在IE <8 or the > 2年前的Gecko/KDE瀏覽器引擎中不起作用。 – BalusC 2010-05-02 04:16:01

+0

在您的評論前編輯=） – user295292 2010-05-02 04:16:59

+0

我背誦：*「雖然此代碼使一切透明」*。因此透明度完美無缺。這不僅僅是他所期望的。 – BalusC 2010-05-02 04:20:40

3

我建議使用RGBA，而不是不透明度，正是如此：

.transbg {background: rgba(red,green,blue,opacity);}

你也可以把其餘格式化爲CSS如下：

body {background-color:#000; 
     color:#fff;} 
td {background-color: #090; 
    color:#fff;} 
.leftc {text-align:left;} 
.rightc {text-align:right;} 
table {borderspacing: 3;}

現在您可以刪除字體標籤和td的屬性。所有你需要的td是<td class="leftc">或rightc類的文本在右邊。

參見http://css-tricks.com/rgba-browser-support/

來源

2010-05-02 04:17:31

2

我最近發現，我想用一個透明背景創建HTML體。 （HTML是應用程序指令的本地化信息頁面，並且會顯示一個「瀏覽器」，它實際上只是另一組視圖中的Webkit視圖.Webkit視圖位於視圖層次結構中圖像的頂部。網頁背景透明，從中的Weblkit視圖後面視圖的圖像顯示出來）

爲了實現這一點，只要用任何其他屬性/風格/等編碼的HTML如下，一起：

<body bgcolor=transparent>

換句話說，使用關鍵字「transparent」而不是引號，並且您將得到0的alpha值，因此透明背景允許任何後面的顯示。

（警告：。在Webkit的視圖實現我有，我也有使WebKit的背景色透明的，我的UI設置IE瀏覽器都必須到位，對於這個工作，因爲我有它）

來源

2012-07-11 03:09:56

+0

偉大的工作對我來說。 +1 – 2014-05-29 11:34:23

相關問題

 相關問題