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

2016-02-19 16:14 3 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.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

来源:https://www.tulaoshi.com/n/20160219/1611404.html

延伸阅读
图图桌面透明度设置方式介绍 图图桌面美化软件的设置透明透方式: 右键点击图图桌面面板的边框,会显示功能菜单,选择不透明度。(如图) 选择20%的不透明度效果图如下         注 :更多精彩教程请关注图老师电脑教程栏目
素材 图1 图2 最终效果 我前两天产生这个想法的时候向人提到过,被斥之为痴心妄想 ,差点放弃! 如下图,我们要做的就是上面半透明的一层(大且复杂的一个水印)去掉,还原底图的原貌。(注:下面图层的运算实际上是RGB值的运算) 这好比我们从一个地方走到另外一个地方,需要返回,最安全可靠的方法就是沿原路走...
标签: flash教程
在中我们希望能创建更加自然的遮罩效果,在前面我们已经说过,遮罩层 只有形状有影响,其它的颜色,甚至透明度都不会作用于遮罩,那么在 层的物体如果边缘透明又会有怎样的效果呢? 我们就来试验一下,在第一层画画云朵形状,进行线性填充,并调节填充的方向,如下图: 填充后,在第二层写字,并转化为Graphic符...
标签: flash教程
为了更形象一些,新建一层放云朵的外框,这样形成的遮罩效果如下: 现在我们做成了文字淡入和淡出的效果。 在这个基础上,我们来变化一下,这里我们用边缘透明的物体放在遮罩层之中,模拟出了烟的效果,好现在我们来看一下它的制作过程: 画一个圆形,进行球形填充,填充设置如下图: 将它转化...
标签: PS PS基础 PS抠图
学习进行到这里,可能大家会有疑问:通道中白色代表已选区,黑色代表未选区,那么其他颜色又代表什么呢? 在前面课程中我们已经学过,通道中没有类似红色绿色这样的彩色,只包含灰度。除了白色和黑色以外,其他的都是介于白色与黑色之间的过渡色。我们还学习过,在单独的RGB通道灰度图中,白色代表完全发光,黑色代表完全不发光,换句话...

经验教程

934

收藏

31
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部