亚洲AV日韩AV无码,久碰人妻人妻人妻人妻人掠,无码中字出轨中文人妻中文中,国产精品无套内射迪丽热巴,久久大香萑太香蕉AV黄软件,日本欧美国产综合,人妻少妇AV无码一区二区,国产精品久久精品国产,亚欧免费无码aⅴ在线观看,黑人4o公分全部进入

css創(chuàng)建彈出框的遮蓋層

時間:2024-03-19 10:13:04 類型:HTML/CSS
字號:    

css彈出遮蓋層,是我們前端程序員經(jīng)常經(jīng)常使用的一個功能,雖然有很多UI框架都帶有些功能,但有時僅僅是一個簡單的彈出層,卻有引入很多CSS,就顯得有些笨重了,這時我們可以非常容易的寫一個

 <style>
    .mask{
        position: absolute;
        left:0;
        right:0;
        top:0;
        bottom: 0;
        background-color: rgba(0,0,0,.5);
    }
    .test{
        position: absolute;
        width: 300px;
        height: 300px;
        background-color: green;
        left:50%;
        top:50%;
        transform: translate(-150px,-150px);
        text-align: center;
        line-height: 300px;
        color: #fff;
    }
</style>
    <a href="">南昌雅騰</a>
    <div class="mask">
        <div class="test">小豬佩奇,啦啦啦</div>
    </div>

效果如下:

彈出層.png

<