您的位置:CSS5 > DIV CSS模块 >

网页吸顶灯布局HTML CSS代码 鼠标下拉内容导航固定顶部特效

发布日期:2018-05-08 09:52:57 来源:css5.com.cn

导航,网页头部内容固定悬停在最顶部,称为网页吸顶CSS HTML代码模块。网页吸顶布局的HTML和CSS代码分享。这种网页叫网页吸顶灯效果。

HTML网页吸顶特效截图

导航悬停浏览器顶部的关键CSS代码:

.nav { background: #c92d31 !important; height: 120px; width: 100%; min-width:980px; position: fixed; z-index: 100; top: 0; padding: 0 100px; box-sizing: border-box; }

关键代码为position: fixed; z-index: 100; top: 0;,设置对象相对定位在浏览器顶部为0,并且层叠值为100,值越大越靠前。

在线演示:

运行代码试试

免费下载地址:

可用于各大企业站、中小站、大站,有需要的顶部悬停吸顶的需要。

相关推荐网页布局固定底部CSS HTML代码

标签(Tag): 顶部 悬停 浮动 吸顶
本文分享URL地址:https://www.css5.com.cn/mokuai/1504.shtml

作者:css5原创

上一页:上一篇:栏目标题 简洁栏目名称标题div css布局
下一页:下一篇:仿微信朋友圈图片排版代码模块 不同大小图片排版成正方形列表