CSS 各浏览器透明效果

ximengyun

于 2013-05-02 23:10:37 发布

阅读量706

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/cookfront/article/details/8878185

HTML/CSS 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用不同的CSS属性实现跨浏览器的透明效果。通过filter、-moz-opacity和opacity属性，可以确保IE、Firefox、Opera及Safari等浏览器都能正确显示指定的透明度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>透明效果</title>
<style type="text/css">
.transparent{
filter:alpha(opacity=12);
-moz-opacity:0.12;
opacity:0.12;
background-color:#000;
height:400px;
width:px;
}
</style>
</head>
<body>
<div class="transparent"></div>
</body>
</html>

filter:alpha(opacity=12); 支持 IE 浏览器
-moz-opacity:0.12; 支持 FireFox 浏览器
opacity:0.12; 支持 Opera，safari 等浏览器