css背景透明
2011-05-30 13:45
218 查看
今天工作做网站的时候遇到一个问题,就是用css实现背景透明,记得以前都是用filter:alpha(opacity=?)来解决,后来发现这个参数只在IE下有作用,在firefox下就不起作用.
在网上查询到了这个问题的解决办法,自己实验了一下,果然解决了浏览器的兼容问题.
代码如下:
<!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{
width:450px;
height:50px;
color:red;
font:14px 700 "宋体";
filter:alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;
background-color:#000;
}
-->
</style>
</head>
<body>
<div class="transparent">CSS实现背景透明效果</div>
</body>
</html>
显示如下:
在网上查询到了这个问题的解决办法,自己实验了一下,果然解决了浏览器的兼容问题.
代码如下:
<!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{
width:450px;
height:50px;
color:red;
font:14px 700 "宋体";
filter:alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;
background-color:#000;
}
-->
</style>
</head>
<body>
<div class="transparent">CSS实现背景透明效果</div>
</body>
</html>
显示如下:
相关文章推荐
- 关于css背景透明
- Flex通过css使得DataGrid 背景透明
- css 设置元素背景为透明
- CSS实现背景透明,文字不透明(兼容各浏览器)
- 纯CSS圆角框2-透明圆角化背景图片
- css 背景透明解决方案
- CSS实现背景透明而背景上的文字不透明
- 兼容性好的背景透明css解决方法
- 【搬运】CSS实现背景透明,文字不透明,兼容所有浏览器
- CSS 背景透明实现
- 【Css】将input的输入框背景呈现透明
- CSS 背景透明
- CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
- css ie6 png透明背景之js解决方案
- CSS.textarea无边框且背景透明
- CSS实现背景透明,文字不透明(兼容各浏览器)
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- css input 输入框背景透明
- CSS实现背景透明,文字不透明(各浏览器兼容)
- [CSS] - 让IE6支持PNG-24透明背景(多个方法)