背景色透明兼容写法，兼容IE8等低版本浏览器
2017-06-01 17:37
274 查看
现在虽然好多企业公司放弃了兼容IE8及以下的浏览器，但是免不了在做一些政府网站时会要求兼容低版本。工作中遇到的，做下总结，以便以后查阅方便
设置背景色半透明背景色透明兼容写法，兼容IE8等低版本浏览器
代码如下：
/** 高版版支持 **/
background: rgba(255,255,255,0.4);
/**低版本必须加上**/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66[b]FFFFFF,endColorstr=#66FFFFFF);
[/b]
色值为 #20[b]FFFFFFF 其中后6位为具体的颜色色值，前2位 ”66“ 为16进制的透明度[/b]
比如我们想用的透明度为0.1 那么就是0.4*255=102 再将102转换为16进制为66 （顺便说一下：十进制转为十六进制是除以16倒序取余数）
所以最终在低版本上写透明的白色背景就是这样写startColorstr=#66FFFFFF,endColorstr=#66FFFFFF
设置背景色半透明背景色透明兼容写法，兼容IE8等低版本浏览器
代码如下：
/** 高版版支持 **/
background: rgba(255,255,255,0.4);
/**低版本必须加上**/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66[b]FFFFFF,endColorstr=#66FFFFFF);
[/b]
色值为 #20[b]FFFFFFF 其中后6位为具体的颜色色值，前2位 ”66“ 为16进制的透明度[/b]
比如我们想用的透明度为0.1 那么就是0.4*255=102 再将102转换为16进制为66 （顺便说一下：十进制转为十六进制是除以16倒序取余数）
所以最终在低版本上写透明的白色背景就是这样写startColorstr=#66FFFFFF,endColorstr=#66FFFFFF
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 兼容所有浏览器的半透明背景且不透明文字的CSS写法
- 兼容所有浏览器的半透明背景且不透明文字的CSS写法
- IE 纯色背景透明兼容各个IE版本
- 5. 背景半透明 元素不透明（兼容所有浏览器）
- css兼容大部分浏览器透明背景设置
- 背景透明但文字不透明的实现方法(兼容所有浏览器)
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- WEB前端一些兼容IE8 浏览器的写法
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6，ie7，ie8，ff 【转】
- CSS实现背景透明，文字不透明（各浏览器兼容）
- 兼容各浏览器，背景透明，内容不透明
- CSS实现背景透明，文字不透明（各浏览器兼容）
- png图片和背景变透明的方法兼容各个浏览器
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6，ie7，ie8，ff
- 透明背景-多浏览器兼容
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- 实现背景透明的方法，兼容ie6/7/8等浏览器
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- 背景图片background-size兼容ie8以下浏览器解决
- 如何实现背景透明，文字不透明，兼容所有浏览器？