HTML透明背景

我想创建一个透明背景,表格和一些文本的网页.我见过与此相关的帖子,但由于我对css不熟悉,我不知道怎么办我的代码才能运行.我只想要一个透明的背景,而这段代码让一切都变得透明.有人可以帮助.

<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来实现.它有点说,让我的整个网络浏览器50%透明.我要感谢大家的帮助.

我建议使用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”>或者右边的文本右键.

另见http://css-tricks.com/rgba-browser-support/

本站公众号
   欢迎关注本站公众号,获取更多程序园信息
开发小院