如何在点击点上显示弹出框 - CSS

Question

如何在点击

上显示弹出框

这里是我的css代码显示pop，只是想点击位置弹出。

.popupboxwrapper{
    top:0;
    left:0;
    height:30%;
    width:auto;
    position:absolute;  
    z-index:1500;
    opacity: 0.9;
    background:#000;
}

.popupbox{
    top:50px;
    left:35%;
    height:auto;
    overflow:hidden;
    display:block;
    position: absolute;
    width:auto;
    z-index:1501;   
    opacity:2 !important;
    background-color:#FFF;
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
    padding-bottom:10px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:#111 3px 3px 3px;
}

感谢您的帮助。

的问候，

Answer 1

在popupboxwrapper上将位置更改为position:fixed;

顺便说一句，在弹出框opacity:2 !important;上没有任何意义，因为不透明度的值为0-1。