<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS opacity 属性示例</title>
<style type="text/css" media="all">
#p1
{
opacity:0.2;
}
#p2
{
opacity:0.4;
}
#p3
{
opacity:0.6;
}
#p4
{
opacity:0.8;
}
#p5
{
opacity:1;
}
p
{
width:200px;
height:200px;
background-color:green;
float:left;
}
</style>
</head>
<body>
<p id="p1">opacity:0.2;不透明度为20%</p>
<p id="p2">opacity:0.4;不透明度为40%</p>
<p id="p3">opacity:0.6;不透明度为60%</p>
<p id="p4">opacity:0.8;不透明度为80%</p>
<p id="p5">opacity:1;不透明度为100%</p>
<blockquote>IE6,IE7不支持此属性,请使用Firefox1.5,或Opera9浏览.</blockquote>
</body>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS opacity 属性示例</title>
<style type="text/css" media="all">
#p1
{
opacity:0.2;
}
#p2
{
opacity:0.4;
}
#p3
{
opacity:0.6;
}
#p4
{
opacity:0.8;
}
#p5
{
opacity:1;
}
p
{
width:200px;
height:200px;
background-color:green;
float:left;
}
</style>
</head>
<body>
<p id="p1">opacity:0.2;不透明度为20%</p>
<p id="p2">opacity:0.4;不透明度为40%</p>
<p id="p3">opacity:0.6;不透明度为60%</p>
<p id="p4">opacity:0.8;不透明度为80%</p>
<p id="p5">opacity:1;不透明度为100%</p>
<blockquote>IE6,IE7不支持此属性,请使用Firefox1.5,或Opera9浏览.</blockquote>
</body>
</html>
梦之都 CSS教程, opacity示例
opacity:0.2;不透明度为20%
opacity:0.4;不透明度为40%
opacity:0.6;不透明度为60%
opacity:0.8;不透明度为80%
opacity:1;不透明度为100%
IE6,IE7不支持此属性,请使用Firefox1.5,或Opera9浏览.