Firefox中不透明度滤镜Alpha的使用方法
来源：phperz.com 作者：phperz.com 发布时间：2008-07-13
Firefox中好像只支持Alpha滤镜。用法和ie中的也不一样， 先看效
Firefox中好像只支持Alpha滤镜。用法和ie中的也不一样，
先看效果:
|
以下为引用的内容：
<!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>firefox中appha滤镜的用法-www.phperz.com</title>
<style type="text/css">
.test{
background:#000;
color:white;
width:200px;
left:10px;
top:10px;
filter: Alpha(opacity=10);
-moz-opacity:.1;
opacity:0.1;
}
.test2{
background:#000;
color:white;
width:200px;
left:10px;
top:10px;
filter: Alpha(opacity=10);
}
</style>
</head>
<body>
<div class="test">有滤镜效果
<br />
<br />
</div>
<br />
<div class="test2">无滤镜效果
<br />
<br />
</div>
</body>
</html>
|
想让firefox支持alpha关键之处在:
以下为引用的内容：
-moz-opacity:.1;
opacity:0.1; |
这二行css都是滤镜，不同版本的firefox有不同的写法
