首页 > 网站 > WEB开发 > 正文

css 解决覆盖父元素透明度 的效果

2024-04-27 14:04:21
字体:
来源:转载
供稿:网友

CSS 解决覆盖父元素透明度 的效果
css兼容浏览器的透明度写法
1.{opacity:0.3;filter:alpha(opacity=30);}
css是不能做到兼容覆盖透明度的
如果父元素设置了透明度,那么子元素是不能比父元素的透明度高,所以可以用以下办法实现类似效果

1.<div id="bgttt" style="opacity:0.3;filter:alpha(opacity=30);position:absolute;left:0;top:0; background:#000;width:100%;height:20px;font-size:12px"></div> <div id="showttt" style="position:absolute;left:0;top:0px; width:100%;height:20px;z-index:10;text-align:center"></div>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表