js遮罩的原理，css遮罩效果

遮罩层上的图形、文字或图片,在显示遮罩以后,会看到吗?

1、遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。

2、播放动画时， 遮罩层上的对象不会被显示，被遮罩层上位于遮罩层对象之外的内容也不会被显示。遮罩是在做视频剪辑与后期时的一种常用技巧，是利用遮罩遮盖视频画面，并将视频划分为透明区域与遮盖区域。

3、遮罩的基本原理是：被遮罩层的图形挡住的地方，会显示出来，没有被挡住的地方，不会显示。如果你的遮罩制作的是正确的，且遮罩层与被遮罩层均已锁定，则播放时以及测试影片，导出影片都不会有问题。

4、区域外则挡住，不可见。如水波流动，遮罩层是一条条横或曲的色块，通过连续上下运动动画补间，遮罩后，这些横或曲的色块显示下面被遮罩图区域，并运动，形成流动效果。遮罩层的形状必须是矢量，不能是位图。

5、在时间轴上对文本进行flash的遮罩效果，预览时是不会显示文本的。

6、当你想遮罩图片时，用来遮罩图片的图形文件（比如你说的“椭圆”）在上一层。可以是手绘，也可以是图片。被遮罩的图片（也就是你说的“背景图片”）在下一层，只有在你把上下图层“上锁锁定”时才能看到。

相关问答

Q1: js弹出的遮罩层,如何能遮住全屏?

1、你这个应该是由于iframe的原因吧，建议使用top访问顶层页面，然后在顶层页面加入这个遮罩层试试。

2、那么解决的方案也就是获取屏幕高度和当前页面高度，选取较大的一个设置为遮罩层的高度即可。

3、你好，这个只能在父页面设置遮罩层，点击iframe内的按钮或连接，触发父页面的js，让父页面的遮罩层显示出来。这个关键点是如何操作父页面的问题。用 parent.xxx()就可以触发父页面js中的 xxx函数。

Q2: js能获取屏幕被遮挡吗

但是今天偶然发现，遮罩层只能遮住一屏的高度，若页面比一屏高的话，只要向下滚就可以发现没有被遮住的部分。

编辑完成之后，选择格式为UTF8-无 BOM模式，保存文件；在浏览器中打开此html文件，可以看到最终想要实现的遮住全屏效果。

没有获取ROOT权限。Auto.js需要获取ROOT权限才能正常使用触摸监听功能，没有获取ROOT权限，Auto.js就无法正常监听屏幕触摸事件。

Q3: 4、在遮罩层中,对象的哪些属性是被忽略的?

1、遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。

2、在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。

3、依次在25，50，75，100帧处插入关键帧，并依次设置圆形所在的位置。在相邻的关键帧之间创建传统补间动画，设置图层2为遮罩层。执行文件-导出-导出影片命令，选择gif动画格式，将文件导出后就完成了。

4、在遮罩层上放置填充形状、文字或元件的实例。 Flash 会忽略遮罩层中的位图、渐变、透明度、颜色和线条样式。 在遮罩中的任何填充区域都是完全透明的；而任何非填充区域都是不透明的。

5、遮罩层上的对象。播放动画时， 遮罩层上的对象不会被显示，被遮罩层上位于遮罩层对象之外的内容也不会被显示。遮罩是在做视频剪辑与后期时的一种常用技巧，是利用遮罩遮盖视频画面，并将视频划分为透明区域与遮盖区域。

Q4: 遮罩层是什么意思

首先，遮罩有“遮住”和“笼罩”两层意思！是两层意思哦，并不是同义词！！所以，通俗一点来解释的话就是：遮住上面图层的内容，让其不被看见（也就是上面图层的内容都被遮住了嘛，遮住了就是暂时消失了的意思嘛。

遮罩层：它是flash里的一种效果，可以将与遮罩层相链接的图形中的图像遮盖起来。你可以将多个层组合放在一个遮罩层下，以创建出多样的效果。遮罩层画的形状区域，遮罩后就变成透明区域，区域外则挡住，不可见。

遮罩（mask），是一个路径或者轮廓图，用于修改层的Alpha通道。缺省情况下，Aftereffects层的合成均采用Alpha通道合成。

遮罩层：可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下，以创建出多样的效果。

遮罩由两部分组成，包括遮罩层与被遮罩层。被遮罩层只显示在遮罩层有东西的地方。比如被遮罩层是副风景，遮罩层是一只手，那么做出来的效果显示的是外形为手的风景。

遮罩层：它是flash里的一种效果，可以将与遮罩层相链接的图形中的图像遮盖起来。你可以将多个层组合放在一个遮罩层下，以创建出多样的效果。

Q5: 如何让JS代码在DIV上面,不被DIV挡着

1、若定义为-1，代表为最底层。如果要让div1不被div2遮挡，则将div1的z-index设置比div2大就可以了。

2、首先，打开html编辑器，新建一个html文件，例如：index.html。

3、IE6的老毛病了，没有解决办法，一般都是绕过DropDownList， 比如使用DIV的下拉菜单，或者使用单选列表控件替换DropDownList。

4、HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：1，首先在html中，添加良好的导航内容。2，后者是网页的具体内容，这里的代码比较简单。3，在样式中，首先在菜单中定义一些样式。

js遮罩的原理的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css遮罩效果、js遮罩的原理的信息别忘了在本站进行查找喔。