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屬性，子元素無論層級多高都會 ...