html固定在屏幕右下角的信息（提示信息，广告）

浅浅的花香味﹌ 2022-06-16 04:22 436阅读 0赞

1.截图：  
![弹框图片][SouthEast]

2.css：

.warning-msg { display:block; bottom:0px; right:0px; position:fixed;}
    * html .warning-msg { position:absolute; right:18px}
    .notification { font-family:Digital,'Microsoft YaHei',STFangsong; display: flex; margin: 0 auto; width: 300px; min-height: 70px; }
    .notification .info { flex: 1; padding: 10px 10px 0 10px; background: #6c7e98; border-radius: 3px 0 0 3px; border-bottom: 3px solid #c0cdd1; }
    .notification .info span { margin: 0; padding: 0; font-size: 16px; color: #fff; }
    .notification .info p { margin: 0; padding: 5px 0; font-size: 12px; color: #c5bebe; }
    .notification .info .button { display: inline-block; margin: 3px 3px 5px 0; padding: 3px 7px; border-radius: 2px; border-bottom: 1px solid; font-size: 12px; font-weight: bold; text-decoration: none; color: #ecf0f1; }
    .notification .info .button.gray { background: #95a5a6 ; border-bottom-color: #798d8f; }
    .notification .info .button { background: #435d8a; border-bottom-color: #435d8a; }

3.html：

<div class="warning-msg">
            <div class="notification">
                <div class="info">
                    <span></span>
                    <p></p>
                    <a href="#" class="button">详情</a><a href="#" class="button gray">忽略</a>
                </div>
            </div>
        </div>

[SouthEast]: /images/20220616/c853b831ab0d4d24aec4e3e5af1e6f56.png

发表评论取消回复

表情：

评论列表（有 0 条评论，436人围观）

还没有评论，来说两句吧...

相关阅读

相关解决vscode右下角不再出现弹窗信息的问题

最近开发vscode插件时，发现`vscode.window.showInformationMessage`代码调用后右下角一直没有弹窗信息，后来发现右下角铃铛图标有一个斜杠，

￡神魔★判官ぃ/ 2024年03月16日 11:32/ 0 赞/ 43 阅读

相关 html 简单的消息提示验证信息

<form class="form-horizontal" role="form" method="POST" action="/">

- 日理万妓/ 2022年10月16日 01:51/ 0 赞/ 106 阅读

相关 JS网页右下角悬浮提示层代码

[下载地址][Link 1]JS网页右下角悬浮提示层代码，支持4种默认，成功，警告，危险等提示框样式代码 ![1631277586.png][] dd: [Link 1

骑猪看日落/ 2022年09月11日 03:10/ 0 赞/ 196 阅读

相关 C#WinForm自定义屏幕右下角弹窗

C\WinForm自定义屏幕右下角弹窗 1.原理还是利用重画窗体,以一个图片做背景,根据图片确定绘制区域,自绘标题和内容及关闭按钮,主要用到以下方法及一个API //

Love The Way You Lie/ 2022年08月25日 15:57/ 0 赞/ 816 阅读

相关 html固定在屏幕右下角的信息（提示信息，广告）

1.截图： ![弹框图片][SouthEast] 2.css： .warning-msg { display:block; bottom:0px; right:

浅浅的花香味﹌/ 2022年06月16日 04:22/ 0 赞/ 437 阅读

相关有道云笔记去除右下角小广告

版本 Windows桌面版 V6.0.0 路径 D:\\Youdao\\YoudaoNote\\theme\\default\\skin.xml 删除约

雨点打透心脏的1/2处/ 2022年06月07日 06:56/ 0 赞/ 167 阅读

相关 html 鼠标mouseover信息提示事件

一、使用背景：html页面中当鼠标指针位于元素上方时，弹出提示信息；二、添加弹出信息样式： <style> .pop-box \{ z-index

- 日理万妓/ 2022年04月03日 04:00/ 0 赞/ 750 阅读

相关 js写一个简易小广告逐渐上升(右下角)

小广告效果图: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

ゞ浴缸里的玫瑰/ 2022年03月12日 02:24/ 0 赞/ 159 阅读

相关 css:容器右上角出现红色原点信息提示（提示有多少条目）

第一种 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

本是古典何须时尚/ 2022年01月06日 07:55/ 0 赞/ 263 阅读

相关 html5右下角悬浮播放器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

╰+哭是因爲堅強的太久メ/ 2021年06月26日 16:06/ 0 赞/ 552 阅读