body { margin:0; max-width:750px; max-height:1334px; margin:auto; position:relative; } a { text-decoration:none; color:#000; } .d { width:100%; height:940px; background:#4DDB9F; color:white; text-align:center; line-height:600px; font-size:20px; font-weight:600; letter-spacing:5px; /*字间距*/ } .tishi { position:absolute; z-index:9999; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; overflow:hidden; display:none; } .tishi_1 { width:300px; height:180px; margin:auto; text-align:center; line-height:140px; /*会影响子集链接里面的样式*/ background:white; margin:40% auto; border-radius:10px; overflow:hidden; font-size:20px; /*会影响子集链接里面的样式*/ } .xs { position:absolute; z-index:2px; top:700px; left:calc(50% - 100px); width:200px; height:60px; border-radius:30px; background:#FFAE00; font-size:18px; color:white; border:0px; cursor:pointer; /*鼠标变成手形状*/ } .yc { border:0px; display:block; height:40px; width:150px; background:#4A9ADC; color:white; font-size:16px; cursor:pointer; /*鼠标变成手形状*/ float:left; /*为了使的能跟马上领取按钮并列*/ } .lianjie { background:#DA72F1; display:block; height:40px; width:150px; color:white; float:left; line-height:40px; font-size:16px; } .xs2 { position:absolute; z-index:2px; top:800px; left:calc(50% - 100px); width:200px; height:60px; border-radius:30px; background:#E965AB; font-size:18px; color:white; border:0px; cursor:pointer; /*鼠标变成手形状*/ }
更新时间:2019-08-11 01:10:58
用css+html写的弹窗弹出隐藏功能,保证在新的手都能看懂,有详细标注。