css 背景色半透明 兼容各个浏览器ie6 ie8 火狐

转自:http://hi.baidu.com/imecarl/item/3aee69e2704abda8c00d7566

第一种:
只需要在css里面写上红色部分
.content{
background-color: #000000;
/* other browsers */
opacity: 0.4;
/* this works in IE6, IE7, and IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
/* this works in IE8 only */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
}
那他就是黑色的半透明的

第二种:
第一种有个弊端就是当前类下的所有元素都会透明,所以我又找了下面的方式
.content .content_page {
float: right;
width: 738px;
margin-right: 6px;
_margin-right:3px;
    background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;/*实现FF背景透明,文字不透明*/
filter:Alpha(opacity=40);
background:#000000;/*实现IE背景透明*/
}
.content_page img,dt,dd{ position:relative;}

红色部分是实现部分.content_page img,dt,dd 是说明.content_page的img,dt,dd元素都不透明

posted @   lear  阅读(191)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示