在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 用canvas做遮罩層去遮住原始頁面層,怎么設(shè)置類似z-index呢?

用canvas做遮罩層去遮住原始頁面層,怎么設(shè)置類似z-index呢?

之前直接設(shè)置z-index就行了, 現(xiàn)在用canvas的話,改如何設(shè)置,才能讓canvas直接蓋在原始頁面上呢?
需要通用的方法,因為需要做多次。

回答
編輯回答
薄荷綠

發(fā)現(xiàn)canvas其實可以設(shè)置z-index
<canvas id="mainCanvas" style="position:relative;z-index:1088;background: rgba(0,0,0,0.5);" > </canvas>

2018年2月14日 15:03
編輯回答
故林

可以在canvas外部套一個div。設(shè)置這個div為absolute,z-index大一點,做成一個遮罩層怎么樣。

2017年6月4日 03:45
編輯回答
萌面人

用canvas 做遮罩,實質(zhì)上還是用的css的層疊樣式屬性z-index,所以何必繞那么大個圈

2018年9月3日 19:09
編輯回答
涼汐
var canvas=document.getElementById("canvas"),
    ctx=canvas.getContext("2d");

ctx.globalCompositeOperation='source-over';

是你想要的效果嗎?

詳情可以查閱globalCompositeOperation屬性:
https://developer.mozilla.org...

2017年7月6日 05:57