跟随界面滚动而浮动的样式

最新推荐文章于 2025-02-03 22:58:44 发布

原创最新推荐文章于 2025-02-03 22:58:44 发布 · 966 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css #class #button #table #layer

#div

收录于

Html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种用于创建固定在页面底部的浮动元素的样式代码。该代码利用CSS实现了一个居中显示且宽度固定的浮动层，并包含一个关闭按钮。文章详细展示了如何通过CSS属性设置元素的位置、大小和外观。

样式代码：

.floatbottom{
FONT-SIZE: 10px;
FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
POSITION: fixed;
TEXT-ALIGN: center;
font-weight:bold;
white-space:nowrap;/*不换行*/
LEFT: 50%;
WIDTH: 760px;
MARGIN-LEFT: -380px;
HEIGHT:30px;
z-index:99999999;
CLEAR: both;
BOTTOM: auto;
POSITION: absolute;
TOP: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1)
}