1 <!DOCTYPE HTML> 2 <HTML lang="en"> 3 <head> 4 <Meta charset="UTF-8"> 5 <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1.0"> 6 <Meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <Title>document</Title> 8 </head> 9 <body>10 <div class="popup" style="display: none">11 <div class="context">12 <div class="word">13 <img src="zq.gif" wIDth="100px" height="100px">14 <!-- 这里填写你需要的文字 -->15 正在领取中16 </div>17 </div>18 </div>19 </body>20 </HTML>21 <style media="screen">22 .popup {23 position: fixed;24 top: 0;25 left: 0;26 wIDth: 100vw;27 height: 100vh;28 background: rgba(255,255,0);29 z-index: 20;30 }31 32 .context {33 position: absolute;34 top: 50%;35 left: 50%;36 transform: translate(-50%,-50%);37 background: rgba(0,.7);38 max-wIDth: 60vw;39 padding: 0.5rem;40 border-radius: 4px;41 text-align: center;42 }43 44 .word {45 Font-size: 1rem;46 max-wIDth: 60vw;47 color: #fff;48 }49 50 body {51 margin: 0;52 padding: 0;53 border: 0;54 }55 </style>总结
以上是内存溢出为你收集整理的页面顶层gif动画d窗等待全部内容,希望文章能够帮你解决页面顶层gif动画d窗等待所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)