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

小土鳖相当土豪

小土鳖相当土豪

2016-02-19 16:14

今天图老师小编要跟大家分享css 解决覆盖父元素透明度 的效果,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

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

css兼容浏览器的透明度写法

1.{opacity:0.3;filter:alpha(opacity=30);}

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

css是不能做到兼容覆盖透明度的

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

如果父元素设置了透明度,那么子元素是不能比父元素的透明度高,所以可以用以下办法实现类似效果

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

展开更多 50%)
分享

猜你喜欢

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

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

CSS3教程(8):CSS3透明度指南

Web开发
CSS3教程(8):CSS3透明度指南

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

35款使用透明度效果的标志设计

平面设计 标志设计 UI设计 VI设计
35款使用透明度效果的标志设计

qq皮肤透明度怎么调

电脑入门
qq皮肤透明度怎么调

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Wecut怎么调整贴纸透明度

手机软件 应用软件
Wecut怎么调整贴纸透明度

PPT照片透明度怎么设置?

电脑网络
PPT照片透明度怎么设置?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用Visual C#向Excel2002传输XML数据

用Visual C#向Excel2002传输XML数据

CSS运用的二十四个技巧

CSS运用的二十四个技巧
下拉加载更多内容 ↓