一个简单的遮罩层
Posted lunawzh
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个简单的遮罩层相关的知识,希望对你有一定的参考价值。
比较简单,实用
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <style> * { padding: 0; margin: 0; } .box { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.2); display: none; } .box1 { width: 500px; height: 500px; position: fixed; left: 50%; top: 25%; margin-left: -250px; border: 1px solid #000000; } </style> <script> </script> </head> <body> <div class="box"> <div class="box1"> <a href="javascript:;" onclick="jQuery(‘.box‘).hide()" class="close">关闭</a> </div> </div> <a href="javascript:;" onclick="jQuery(‘.box‘).show()" class="show">显示</a> </body> </html>
以上是关于一个简单的遮罩层的主要内容,如果未能解决你的问题,请参考以下文章
SuperSlide滚动的遮罩层宽/高怎么计算的?如何设置具体一个值?