可爱的元素遮罩图片

A. HTML中将一张图片蒙上一层灰色

请问要蒙上什么样的一层灰色？

1. boson说的 opacity 是控制元素的透明度，filter的写法是IE适用，
还可以写成 opacity:0.7 ，兼容Chrome

2. 如果是需要一层半透明黑灰色，挡着图片，你需要弄一个position: absolute; background:#000; opacity:.7; 的div遮挡，注意宽度高度，和位置

3. 如果是想让图片变成黑白色，需要 filter: grayscale(100%); ，具体可以自行搜索

B. 3d里遮罩有什么用

遮罩就是把一个元素的某一部分遮盖，就像元素被一块纸板挖走了一部分。

元素产生遮罩效果，元素表中元素排列的顺序非常重要，因为它会直接决定遮罩的元素，一般遮罩元素是遮盖它后面那一个元素。就像在Flash软件中同样也有遮罩，它是由层来决定遮罩的对象，而3D Flash Animator是由元素的排列顺序来决定。

被遮罩遮盖的地方是需要显示出来的区域。

如何使用遮罩：

1.建立一个新的Flash Moive文件，在Flash Moive 面板中选择“Add an element”增加两个元素，一个是背景颜色（渐变），一个是文本。

2.再增加遮罩“Mask an area”元素。

3.在出现的遮罩属性对话框，有一点像画图Paint的界面，我们选择一个遮罩的图形，例如椭圆形遮盖在文字上。

4.现在我们测试遮罩效果，发现并没有遮罩产生。这时由于在元素表中遮罩元素下已经没有其它元素了。

5.在元素列表中，我们把遮罩和文字的顺序调换一下，使文字在遮罩下方。文字就成为被遮罩的对象了。

6.现在测试效果，发现被遮罩图形盖住的文字显示出来，没有被遮盖的地方消失了。

C. 如何使用CSS和SVG剪切和遮罩技术

SVGs 能够很好的在 web 上工作, 剪切和遮罩允许你使用有趣的方式去展示或隐藏 web 图像， 使用这些技术也能让的设计变得更加灵活因为你不需要去修改或者创建新的图像——这些都可以用代码来实现。通过结合使用 CSS 和遮罩技术，你将会拥有更多的可能性去使用网络图像。
需要明确的是，遮罩和剪切是通过 CSS 来处理图像的两种不同的方法，让我们从剪切开始吧！
剪切基础
如果你曾经使用过 Photoshop , 你大概已经很熟悉剪切遮罩了。 他们有一些共同点，剪切通过放置矢量图形来使用,比如圆和三角形, 在图像和元素的上面矢量图形外面的任何部分都会显示，所有矢量图形边界的外面都将被隐藏。
举个例子，如果一个三角形的剪切遮罩覆盖上树林图像上的话, 你可以看到三角形里面的森林图像。图形的边界被称做剪切路径, 不要和已经废弃掉的 clip 属性混淆，你可以使用 clip-path 去创建一个剪切路径。
遮罩基础
在网页上，遮罩是使用 PNG 图片、CSS 渐变、或一个 SVG 元素来隐藏图片或其它元素的部分。我们将集中注意力在 SVG 图像上，不过请注意遮罩可以使用其他类型的图片或者样式的。
遮罩属性和遮罩元素
仅仅是为了帮助理解, 请记住被遮罩的元素是“原始”（还没有应用遮罩的）图片， 你可能不想看到全部的图片,所以使用 CSS mask 属性来完成隐藏部分图片的工作。 mask 是 CSS 一组独立属性的简写 , 我们将接下来会介绍它。SVG 元素被用来给 SVG 内部的图像添加遮罩效果。在接下来的示例中, 遮罩是添加了渐变效果的圆形。
在 SVG 图像上应用 SVG 遮罩元素
为了使用 SVG mask 得到一种感觉，我们将在 SVG 图像上使用遮罩。
这给人的第一印象可能会比较复杂, 但是它可以很好遮罩下面的图像。我们有一张真实的图片作为背景，那么 SVG 在哪里起作用呢？和剪切不同, 这张背景图片技术上来说是在 SVG 元素内部的。我们将使用 CSS 来给图片应用遮罩，属性将来自于 SVG 遮罩元素，在我们的 CSS 中指定一个 mask-element id。

D. 如何给div添加遮罩层 如下图

<style>
.mark{
position:fixed;
left:0;
top:0;
opacity:.5;
width:100%;
height:100%;
background:#000;
z-index:998;
}
.content{
position:absolute;
z-index:999;
}
</style>
<!--↓遮罩-->
<divclass="mark">
<divclass="content">红框div</div>
</div>

E. css如何给图片加一个蒙版遮罩

1．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。

F. js 弹出框 里面元素touchmove时候阻止其他元素滚动，背景遮罩层还无法阻止冒泡，怎么禁用遮罩层touchmove

1、在遮罩层停止添加touchmove

G. Flash中如果一个图层有两个元素怎样才能让它设置为遮罩层并且全部显示

在Flash软件中，制作遮罩动画中，遮罩层中必须只有一个对象，题目中说的是两个元素，如果都要显示，就转换它们为一个影片剪辑元件，再试试。

即使都是形状，但是如果选择的对象绘制模式， 同样不能显示所有内容。

参考下面的教程：

FLASH如何制作扇形遮罩

FLASH如何使用动画形式之遮罩层动画

如有Flash或者Animate软件操作及代码方面的问题，可以私信或留言，尽快答复。

H. css如何实现鼠标移至图片上显示遮罩层及文字

1.首先看看HTML、一个img图像控件和一个带掩码样式的div，其中包含文本。这是蒙版层。

I. 遮罩特效是什么

遮罩特效就是一个组件或者元素什么的了在其他组件或者元素的最顶部的了，就是最前端显示的了，把其他的都遮盖了，而且其他组件，元素不能被点击，被阻止操作，就是遮罩特效的了

J. ai里面如何做遮罩

1、首先就是源文件的建立以及背景素材的导入。