手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css解决覆盖父元素透明度的效果
css解决覆盖父元素透明度的效果
摘要:CSS解决覆盖父元素透明度的效果css兼容浏览器的透明度写法1.{opacity:0.3;filter:alpha(opacity=30);...

 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>

【css解决覆盖父元素透明度的效果】相关文章:

子元素div高度不确定时父div高度如何自适应

用CSS实现文字的阴影效果

用CSS3打造独具创意的动画菜单效果

css3中圆角和阴影的实验

利用css控制网页的左右排列

文字环绕图片的布局效果

css控制div中元素居中的示例

css中元素水平垂直居中4种方法介绍

如何利用CSS3制作3D文字效果

一款纯css实现的垂直时间线效果

精品推荐
分类导航