如何处理h5游戏全屏的问题
发布网友
发布时间:2022-05-01 05:39
我来回答
共1个回答
热心网友
时间:2022-04-23 19:04
遮罩层的CSS<pre t="code" l="css">mask {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .3);
z-index: 99999;
}在传统浏览器中,不支持rgba的写法。可以用伪造一层遮罩层<pre t="code" l="html">// html
lt;div id=modal;
lt;div class=mask;lt;/div;
lt;!-- 这里开始才是真正的内容 --;
lt;div class=dialog;lt;/div;
lt;/div;<pre t="code" l="css">// CSS
modal {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999;
}
modal .mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: 000;
opacity: .3;
}