底部的通知框

Question

我想知道您是否可以推荐任何可以显示页面底部通知框的纸片--类似于彭博终端的操作方式：

https://bizlib247.files.wordpress.com/2011/11/bb-wei.png

https://i.ytimg.com/vi/XcYv1Pmjd8I/hqdefault.jpg

我需要这个通知框才能显示HTML内容。干杯!戴夫

Answer 1

假设你指的是一个实际的html页面，因为彭博控制着旋转木马，不会让你不付钱就把东西放下来。彭博追求广告，或者它想要突出的东西，比如Tradebook慈善日)，终端不是用html写的，但是在你的页面上你可以在你的html中添加一个div标签：

<div id="bloombergbar">
    html here...
</div>

然后将css样式设置为：

#bloombergbar {
    position: absolute;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}