html中设置元素透明度的代码怎么写？

html-css021

html中设置元素透明度的代码怎么写？,第1张

html和css一起才好用~，

你说的这个需要提到CSS3支持的颜色表达RGBA

之前所有的不管是16进制颜色还是RGB都是全色没有透明通道

RGBA是RGB的升级，指Red,Green,Blue,Alpha（透明度），比如设置背景色：

<div class=test>hahaha</div>

给CSS加进去样式表

<style>

div.test{

padding:20px

margin:10opx

background-color:rgba(10%,20%,30%,0.3)//红绿蓝颜色配比，不透明度30%

}

</style>

这就是了，其他的支持#16进制的地方基本上也都可以换上这个表示。

兼容性我不太清楚，你可以到w3school上查找浏览器兼容信息。

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=gb2312"

/>

<title>使用

CSS滤镜

把

字体

的颜色设置为透明

示例

-www.baike369.com</title>

<style

type="text/css">

<!--

body{background-color:#999999}

/*

滤镜

中设置的颜色要和字体的颜色相同*/

#tm{

color:#FF0000

filter:chroma(color=#FF0000)

}

-->

</style>

</head>

<body>

<div

id="tm">使用CSS滤镜把字体的颜色设置为透明示例</div>

</body>

</html>