若要获得聚光灯效果和过渡效果,可以使用遮罩层创建一个孔,通过这个孔可以看到下面的图层。 遮罩项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑。 将多个图层组织在一个遮罩层下可创建复杂的效果。
若要创建动态效果,可以让遮罩层动起来。 对于用作遮罩的填充形状,可以使用补间形状;对于类型对象、图形实例或影片剪辑,可以使用补间动画。
当使用影片剪辑实例作为遮罩时,可以让遮罩沿着运动路径运动。
若要创建遮罩层,请将遮罩项目放在要用作遮罩的图层上。 与填充或笔触不同,遮罩项目就像一个窗口一样,透过它可以看到位于它下面的链接层区域。 除了透过遮罩项目显示的内容之外,其余的所有内容都被遮罩层的其余部分隐藏起来。 一个遮罩层只能包含一个遮罩项目。 遮罩层不能在按钮内部,也不能将一个遮罩应用于另一个遮罩。
1:设置一个盒子跟d出的窗口平级,然后设置宽高等于遮罩层的,设置 position: absolute; 它的层级小于d出窗口的层级
2:给d出的窗口设置成
position: relative;
CSS遮罩层不能完全遮罩页面,是设置错误造成的,解决方法如下:
1、先看下html,一个img控件,和一个有mask样式的div,里面有文字,这个就是遮罩层。
2、然后看下样式定义,先看下容器和的样式,如图,其中要注意的是img_container样式里定义了position: relative;这个主要是为了让遮罩层做绝对定位做准备的。
3、再看下遮罩层样式定义,代码如图,其中需要注意的是定位样式,设置了absolute的绝对定位,另外还有半透明的background样式设置:background: rgba(0, 0, 0, 07);。可以通过修改后面的07这个数字来改变透明度。
4、接着添加鼠标移动上去显示遮罩层的脚本代码。这个js代码用jquery来写,所以先引入jquery脚本库。
5、添加mouseover,mouseout事件,主要就是当鼠标移动到容器上时,显示遮罩层,移出时,隐藏遮罩层。
6、刷新页面,在页面上是正常显示的,当把鼠标放上去时,就显示了遮罩层了。
以上就是关于遮罩原理 1、FLASH的遮罩原理是什么全部的内容,包括:遮罩原理 1、FLASH的遮罩原理是什么、vue 如何设置点击空白处的遮罩层关闭d窗、CSS遮罩层不能完全遮罩页面等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)