HTML透明背景

发布时间：2020-12-14 22:29:01 所属栏目：资源来源：网络整理

导读：我想创建一个透明背景,表格和一些文本的网页.我见过与此相关的帖子,但由于我对css不熟悉,我不知道怎么办我的代码才能运行.我只想要一个透明的背景,而这段代码让一切都变得透明.有人可以帮助. htmlheadstyle type="text/css" div.transbg {background-color:#

我想创建一个透明背景,表格和一些文本的网页.我见过与此相关的帖子,但由于我对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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!