模态框示例

最新推荐文章于 2021-01-14 05:56:07 发布

weixin_30877755

最新推荐文章于 2021-01-14 05:56:07 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/QimiSun/p/10773725.html

本文深入讲解CSS中的位置属性、背景颜色、透明度等关键概念，通过实例演示如何使用CSS创建固定位置元素，设置背景色及透明效果，适用于前端开发者学习与参考。

<style>
    .shadow {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: black;
        opacity: 0.4;
        z-index: 999;
    }

    .modal, .editmodal {
        position: fixed;
        width: 400px;
        height: 300px;
        margin-left: -200px;
        margin-top: -150px;
        left: 50%;
        top: 50%;
        z-index: 1000;
        background-color: white;
    }

    .hiden {
        display: none;
    }
</style>