1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 兼容性背景颜色半透明CSS代码(不影响内部子元素)

兼容性背景颜色半透明CSS代码(不影响内部子元素)

时间:2018-08-01 04:33:33

相关推荐

兼容性背景颜色半透明CSS代码(不影响内部子元素)

web前端|html教程

兼容性背景颜色半透明CSS代码(不影响内部子元素)

web前端-html教程

如何简单兼容性的实现父元素是半透明背景色,而子元素不受影响。

软件发布 源码,vscode查看文件历史,ubuntu移动界面,tomcat 怎么停,在sqlite3登录,爬虫技术是怎么做的,php 正则点,宁波seo结构优化,织梦卡盟官方网站,ecshop 伪静态 无法访问网页,个人餐饮网站模板lzw

兼容所有浏览器的背景颜色半透明CSS代码:

微店 源码,vscode 插件失效,ubuntu colmap,tomcat核心配置,c+sqlite+lock,dedecms蜘蛛插件,利用前端ui框架制作网页,python爬虫用什么方式,php远程调用,宁强优化seo,大气物流网站模块,php 获取网页源码,简单网站html模板下载地址lzw

background-color: rgba(0, 0, 0, .25);filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#40000000,endColorStr=#40000000);

注意:startColorStr 和 endColorStr 的值,前两位是十六进制的透明度,后面六位是十六进制的颜色。

打印机源码,vscode开发SQL,Ubuntu硬盘整数分区,tomcat8.0.15,怎么装sqlite 环境,主题里的插件下载,开源框架前端有哪些,爬虫cookie过期太快,ipad php,温州外包seo公司seo顾问,音乐学校网站源码,网页 3d展示,浪蓝色大气模板,通用权限管理系统 默认密码,淘宝网源码程序lzw

其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 – FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。

2位透明度的换算方法:x=alpha*255 ,将计算的结果 x 转换成十六进制即可。

js换算16进制方法: x.toString(16)

例如:上面的 0.25 透明度,换算为IE的AA透明度: var a = 0.25 * 255 = 63.75 ~= 64; a.toString(16) = 40

Demo示例:

.menu-nav-bg { background-color: rgba(0, 0, 0, .25); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#40000000,endColorStr=#40000000);}/* css hack: rgba background with IE filter alternative: IE9 renders both! */.menu-nav-bg:not([dummy]) { filter: progid:DXImageTransform.Microsoft.Gradient(enabled=false);}/* 对于IE9,除了使用 :not([dummy]) hack 外,还可以使用 :root,推荐使用这个 * :root 选择器已经被现代主流浏览器支持了,除了IE8及以下IE浏览器 */:root .menu-nav-bg { filter: progid:DXImageTransform.Microsoft.Gradient(enabled=false);}

"#">我的首页 | "#">我的微博

思想:现代浏览器使用 CSS3 RGBA 实现半透明背景色,IE使用 渐变滤镜 filter: progid:DXImageTransform.Microsoft.Gradient 实现半透明。

注意:不能使用 opacity:0.5 属性或是 IE filter:alpha(opacity=50) 半透明滤镜,因为这种半透明属性会让子元素也跟着半透明。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。