如何获得"HTML >正文>背景色>透明"?



我有这个HTML:

<html>
    <head>
    </head>
    <body bgcolor="#FFFFFF" style="margin:0px;padding:0px;">
        <div style="width:100%; color:#000000; padding:25px; font-family: Segoe UI;font-size: 17px;">
        </div>
    </body>
</html>

我已经用bgcolor="#FFFFFF"设置了背景颜色。但是我该如何使其透明呢?

HTML没有提供指定透明背景的方法(它必须指定任何类型的背景的方法都已过时,不应使用(。你可以在CSS中做到这一点。

body { 
    background-color: transparent;
}

这将使<html>元素的背景可见。

无法使浏览器窗口透明。

使用内联样式,您可以通过以下方式实现:

<body style="background-color: transparent;">

但更好的选择是放入以下代码:

body { background-color:transparent; }

在页面的<head>部分链接到的CSS文件中,如下所示:

<link rel="stylesheet" type="text/css" href="NAMEOFFILE.css">
background-color: transparent;

更新
但是,您没有办法使浏览器窗口透明。所以,即使你使用上面的代码,你的背景仍然是白色的。

您需要使用CSS而不是HTML属性来设置透明背景:

<body style="background: transparent; margin: 0; padding: 0;">

最好您应该为放置样式的页面提供一个样式表,而不是将样式放在HTML元素中。

注意:要有一个具有透明背景的iframe(这是在页面上使用透明背景的唯一方法(,您需要将allowtransparency属性添加到iframe标记中,它才能在IE:中工作

<iframe .... allowtransparency="true"></iframe>
body {
    background-color: rgba(255, 255, 255, 0.5)
};

最后一个值是alpha-它将设置介于0和1之间的透明度值;0透明;

使用body{background:none transparent;}<body style="background:none transparent;">您的iframe中不需要allowtransparency ="true"

最新更新