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

1.截图：

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>

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

开机弹出“今日看点”和屏幕右下角弹出小广告的解决方法
<开机弹出"今日看点"和屏幕右下角弹出小广告的解决方法!> 最近几天,我家电脑屏幕右下角经常弹出广告窗口.<腾讯QQ>和<迅雷看看>弹出来的广告 ...
QT软件开发: 窗口打开固定在屏幕中间或者右下角
窗口打开默认在屏幕中间显示: CameraWidget::CameraWidget(QWidget *parent, int index) :QWidget(parent),ui(new Ui::Ca ...
AD18图纸信息（右下角）信息设置
想修改一下原理图右下角信息,查了很多教程都没说清楚.后来找到网上的资料做了一下,简单的修改可以实现,整理一下做个记录. 首先创建一个原理图,在原理图的Properties的Parameters把想改的 ...
【求助】哪个软件负责在屏幕右下角显示类似“caps lock on/off”的？ - 技术封存区 - 专门网论坛 -...
[求助]哪个软件负责在屏幕右下角显示类似"caps lock on/off"的? - 技术封存区 - 专门网论坛 -
Android 屏幕适配攻略（四）获取手机屏幕的相关信息与动态设置控件的大小
Android 屏幕适配攻略(四)获取手机屏幕的相关信息与动态设置控件的大小 1 动态获取手机屏幕的屏幕密度与对应像素比例例如在 320 * 480 尺寸为 3.2 英寸的手机 ,对应的像素密度 ...
php 右下脚弹窗,多种样式jQuery网页右下角弹出提示信息代码
多种样式jQuery网页右下角弹出提示信息代码,extjs右下角消息提示框,Jquery Messager消息弹出插件. 查看演示下载资源: 14 次下载资源下载积分: 20 积分 js代码 $ ...
电脑截屏怎么固定到屏幕截图放在桌面上
https://www.snipaste.com/ 电脑截屏怎么固定到屏幕
已创建了一个包含学生学号、身高、性别的学生身高信息表并输出到屏幕，学生信息从records.txt文件读取。编写一个函数 void reverse(Seqlist *lp)；功能是对已建立的学生身
已创建了一个包含学生学号.身高.性别的学生身高信息表并输出到屏幕,学生信息从records.txt文件读取.(结构体数组版本) (1)30' 编写一个函数 void reverse(Seqlist * ...
利用js获取滚动条滚动距离，实现图片固定在屏幕的某个位置
利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置思路: 1.获取对象距离顶部和左侧的距离: 2.获取元素对象: 3.当滚动条滚动时获取滚动条滚动的距离: 4.滚动条滚动时执行函数:对象距离顶 ...

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

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

最新文章

热门文章