霸气-专业-直白-真水平的一段兼容ie的背景透明滤镜用法
2014-06-05 11:14
246 查看
<style type="text/css">
body{ background:url(http://gg.blueidea.com/2011/phpchina/phpchina_ad.gif)}
#d1{width:300px; margin:100px auto; padding:50px;background:rgba(99, 55, 11, 0.2)}
p{background-color:#fff; color:#000}
#d2{background-color:#fff; width:600px; margin:0 auto; padding:10px; line-height:30px}
</style>
<!--[if lt IE 9]>
<style>
#d1{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3363370b,endColorstr=#3363370b);}
</style>
<![endif]-->
<div id="d1">1、背景透明内容不透明<p>2、背景透明内容不透明</p></div>
<div id="d2">
没有什么好解释的,rgba参数(red,green.,blue,alpha),alpha值0-1<br />
ie滤镜参数#3363370b,前两位为16进制透明度,<br />
比如说值是上面用到的0.2,那么就是0.2×255=51,再转换成16进制为33<br />
至于10进制转换16进制,请查阅js函数toString(16)
</div>
转自:http://bbs.blueidea.com/forum.php?mod=viewthread&tid=3035621 (yangedie)
body{ background:url(http://gg.blueidea.com/2011/phpchina/phpchina_ad.gif)}
#d1{width:300px; margin:100px auto; padding:50px;background:rgba(99, 55, 11, 0.2)}
p{background-color:#fff; color:#000}
#d2{background-color:#fff; width:600px; margin:0 auto; padding:10px; line-height:30px}
</style>
<!--[if lt IE 9]>
<style>
#d1{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3363370b,endColorstr=#3363370b);}
</style>
<![endif]-->
<div id="d1">1、背景透明内容不透明<p>2、背景透明内容不透明</p></div>
<div id="d2">
没有什么好解释的,rgba参数(red,green.,blue,alpha),alpha值0-1<br />
ie滤镜参数#3363370b,前两位为16进制透明度,<br />
比如说值是上面用到的0.2,那么就是0.2×255=51,再转换成16进制为33<br />
至于10进制转换16进制,请查阅js函数toString(16)
</div>
转自:http://bbs.blueidea.com/forum.php?mod=viewthread&tid=3035621 (yangedie)
相关文章推荐
- 让Flash背景透明兼容Firefox、IE 6和IE 7的代码
- 关于背景透明,文字不透明的最佳方法,兼容IE
- 做带缩略图的轮播切换涉及到的知识点——水平垂直居中、css样式重置、滤镜背景透明效果等
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- IE 纯色背景透明兼容各个IE版本
- 通过IE私有滤镜让IE6 7 8支持背景透明,内容不透明效果
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- 背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5为例)
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- 利用IE私有滤镜让IE6 7 8支持背景透明,内容不透明效果
- FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条
- 关于背景透明,文字不透明的最佳方法,兼容IE
- 兼容IE、Firefox的背景半透明内容不透明设置
- FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条
- 兼容FF,IE的CSS透明背景色滤镜
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- 【转】 CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
- 关于背景透明,文字不透明的最佳方法,兼容IE