6

我想创建一个具有透明背景、表格和一些文本的网页。我看过与此相关的帖子，但由于我对 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>

更新

非常感谢所有回答的人。目前我已经用另一种方式解决了这个问题。实际上，我编写了一个 iPhone 应用程序，它使用 Webview 来显示一些 html。我想给 webview 一个透明的外观，这可以通过在 interface builder 中设置 webview 本身的 alpha 来实现。有点意思，让我的整个网络浏览器 50% 透明。我要在这里感谢大家的帮助。

4

4 回答 4

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-02T04:11:53.887 回答
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-02T04:17:31.623 回答
2

我最近发现我想创建一个具有透明背景的 HTML 正文。（HTML 是应用程序指令的本地化信息页面，将出现一个“浏览器”，它实际上只是另一组视图中的 Webkit 视图。Webkit 视图位于视图层次结构中的图像之上。通过使网页背景透明，Webkit 视图后面的视图中的图像显示出来。）

为此，只需将 HTML 代码与任何其他属性/样式/等一起编写如下：

<body bgcolor=transparent>

换句话说，使用不带引号的关键字“透明”，您将获得 0 的 alpha 值，从而获得透明背景，以允许后面的任何内容显示出来。

（警告：在我拥有的 Webkit 视图实现中，我还必须在我的 UI 设置中使 Webkit 背景颜色透明。IE 都必须到位才能正常工作。）

于 2012-07-11T03:09:56.673 回答
0

我不确定你的要求是否有意义。只需给背景所需的颜色。

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

透明度仅对背景图像或叠加背景感兴趣，这似乎不适用于您的特定情况。

于 2010-05-02T04:10:40.890 回答