我有这个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"
。