1. 首页
  2. 问答
  3. html透明背景

html透明背景

2010-05-02 204 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

相关问题

 相关问题