您的位置:首页 > DIV CSS模块 > 【 返回上一页

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

导航,网页头部内容固定悬停在最顶部,称为网页吸顶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代码

相关标签: 顶部 浮动 悬停 吸顶
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/mokuai/1504.shtml

日期:2018-05-08 09:52:57 来源:www.thinkcss.com 作者:thinkcss原创
上一篇:栏目标题 简洁栏目名称标题div css布局
下一篇:没有了

热门点击