美文网首页
html学习技巧

html学习技巧

作者: 晴天的枫 | 来源:发表于2019-03-26 11:29 被阅读0次

html技巧
通过将div设置成fixed,可以模拟弹窗。

<html>
    <head>
            <script>
                    .dialog-backdrop {
                            background: rgba(0, 0, 0, 0.2);
                            position: fixed;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
                </script>
    </head>
<body>
        <div className="dialog-backdrop">
                <div className="dialog-container">
                    <div className="dialog-header">提示</div>
                    <div className="dialog-body">{message}</div>
                    <div className="dialog-footer"> 
                        <button className="btn" onClick={close}>确定</button>
                    </div>
                </div>
            </div>
</body>

</html>

相关文章

网友评论

      本文标题:html学习技巧

      本文链接:https://www.haomeiwen.com/subject/lnqgvqtx.html