css 背景色半透明 兼容各个浏览器ie6 ie8 火狐
2012-11-28 11:13
483 查看
转自: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元素都不透明
第一种:
只需要在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元素都不透明
相关文章推荐
- css 背景色半透明 兼容各个浏览器ie6 ie8 火狐
- css 背景色半透明 兼容各个浏览器ie6 ie8 火狐
- 一个能够兼容IE6,IE8,IE9,IE10,IE11,谷歌,火狐,360等常见的10个浏览器的HTML头部信息配置代码
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- Div+CSS浏览器兼容问题( FireFox IE6 IE7 IE8 IE9)
- CSS兼容IE6、IE7、IE8和Firefox浏览器的方法
- css 实现层半透明,且块内文字不透明(兼容ie6等各种浏览器)
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(原创理论)
- css javascript等兼容IE6,IE7,IE8,IE9,FIREFOX,Chrome等浏览器详细解决方法
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- 浏览器兼容实例:css透明滤镜-完美兼容ie6,ie7,ie8以及firefox
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- div+css 兼容 ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法