点击按钮，会出现半透明蒙版图层弹出框。说说你之前的担心

1.掩膜层是半透明的，边框也是半透明的，就像这个绝望

怎么了？你的css是这样写的：

应该是这样的：

要注意这些参数的含义：RGB红绿蓝3色！212，0，0。最后一个参数0.5表示透明度，1表示不透明度

2.半遮罩层内部的内容可以上下滑动。感觉很有趣/又笑又哭

修改是将半掩层的位置设置为固定，里面的内容不会改变

接下来是代码展示

！doctype html html head meta charset=' UTF-8 ' title/title meta name=' viewport ' content=' width=device-width，initial-scale=1，minimum-scale=1，maximum-scale=1，user-scale=no '/style type=' text/CSS ' * { margin 3360 0 0；padd : 0；} .tip { text-align : center；绝对位置：高度： 100%；宽度： 100%；背景-color: rgba(90，90，90，0.5)；z-index : 99999；} .collectSucc{ position:固定；height: auto宽度：70%；背景-color : # ffffff；保证金-左侧： 15%；保证金-top : 50%；} .collectSucc _ top { color : # 666666；font-size : 12px；} .collectSucc _ top img { width : 60px；边距-top : 20px；} .collectSucc _ buttom { margin-top : 20px；高度： 40px；线高： 40px；背景-color : # 2d 99 F5；color: # FFFFFFfont-size : 13px；}/脚本/头体div class='tip '！-收集成功-div class=' collectsucc ' div class=' collectsucc _ top ' img src=' http :/./img/tip.png'/div未能抢到账单，再试一次！/div/div class=' collectsuck _ buttom '我明白了。/div /div /div大家好，我叫欧琪哈哈哈/正文/html风格是这样的：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。