1. 问题描述：popup弹出层在遮罩层下面的 2.原因：因为滚动元素和mask遮罩层在同一级，vux框架默认把遮罩层放在body标签下的 3.解决方法：更改一下源码，把mask遮罩层放在popup同级下，这个问题就可以解决 代码如图： ps: 在组件中找到popup.js 文件 ...

...

平时为图片添加半透明遮罩效果，我的做法如下：利用标签i实现背景半透明遮罩。当鼠标hover时, 提高i的背景色透明度值background-color: rgba(0, 0, 0, .6) 为html结构添加如下css样式： 利用opacity简单实现 昨天看到京东商品图片上的半透明 ...

最近偏离学术的道路越来越远了！！ 今天要小结的是实现一个半透明遮罩效果。点击页面上的一个按钮，立即在屏幕的正中央显示某个部件，并且在这个部件之外的区域像是蒙上了一层半透明的遮罩。点击遮罩区域，该正中央的部件消失，页面恢复成原来样子。 首先谈谈最简单的实现方式吧。准备两个div，一个是幕布< ...

焦点元素，添加半透明遮罩 效果图 html ​ 备注：图片是替换元素，图片正常加载时，设置的伪元素不可见，只有当图片加载失败时，其伪元素才能看到。所以需要外面套一层壳子 class="image-wrap"，在壳子上获取焦点，添加样式。 scss ​ 备注： 可以用 ...

本文索引： 需求 原理 实现遮罩控件 遮罩的使用 需求 我们在显示一些模态对话框的时候，往往需要将对话框的背景颜色调暗以达到突出当前对话框的效果，例如： ![突出对话框](https://img2018.cnblogs.com/blog ...

把图片变成渐变透明（左图是效果图，右图是原图） ...

在一个页面的子组件中引用vux的popup组件时，出现mask遮罩在最上层的问题，百度了一下发现有两种解决办法，现提供第三种。 popup在子组件引用时，vux将vux-popup-mask默认添加到body末尾，如果引用popup的子组件的根节点未添加z-index属性，子元素无论层级多高都会 ...