html点击按钮跳出消息框

我是小杰啊

已于 2023-01-06 13:36:32 修改

阅读量2.9k

点赞数 2

文章标签： html 前端 css

于 2023-01-06 13:31:15 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_44291652/article/details/128577267

版权

目录

需求

在html中,设计一个按钮,点击后会跳出以可消息框,点击其他地方会关闭.常用于网页门户关于我们的使用

直接上代码

<html>
<head>
    <style>
        /* 定义弹出消息框的样式 */
        .overlay {
     
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 999;
            display

最低0.47元/天解锁文章

我是小杰啊

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html点击按钮跳出消息框

在html中,设计一个按钮,点击后会跳出以可消息框,点击其他地方会关闭.常用于网页门户关于我们的使用。
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

我是小杰啊 谢谢您的打赏，是我最大的鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。