html学习技巧

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+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,801评论 1赞 45
  • 有什么样的人愿意和你共度难关
    我想，哪一个没带伞的雨天，我会在何时何地遇见你，见你在远方撑着一把伞，微笑着向我招手； 我想，哪一个没有水的热天，...
    青柠0199阅读 297评论 0赞 0
  • 区块链将掀开人类的伟大时代
    人类社会发展的一切障碍，从根本上来说都是“互不信任”导致的，因为在一个互不信任的社会里，人们会互相防范、互相掣肘，...
    冯全平阅读 236评论 0赞 0
  • 深切悼念余光中
    台湾中山大学外国语文系荣誉教授、著名诗人、《乡愁》作者余光中，于今天上午10时多病逝，享年90岁。 ...
    笑盈子阅读 326评论 0赞 0