Question

我有这个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"，但我希望它是透明的怎么做？

Answer 1

HTML没有提供指定透明背景的方法（并且它必须指定任何类型的背景的手段已过时且不应使用）。您可以在CSS中执行此操作。

body { 
    background-color: transparent;
}

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

无法使浏览器窗口透明。

Answer 2

使用内联样式，您可以通过以下方式实现此目的：

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

但更好的选择是输入以下代码：

body { background-color:transparent; }

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

<link rel="stylesheet" type="text/css" href="NAMEOFFILE.css">

Answer 3

background-color: transparent;

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

Answer 4

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

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

最好你有一个样式表，用于放置样式的页面，而不是将样式放在HTML元素中。

注意：要让iframe具有透明背景（这是在页面上使用透明背景的唯一方法），您需要将allowtransparency属性添加到iframe标记中，以便它可以在IE：

<iframe .... allowtransparency="true"></iframe>

Answer 5

body {

    background-color: rgba(255, 255, 255, 0.5)
};

最后一个值是alpha-将设置透明度值在0和1之间； 0透明；

Answer 6

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

HTML body bgcolor透明

6 个答案: