把header设置成固定定位,怎么变成了图片中的样子了

把header设置成固定定位,怎么变成了图片中的样子了

.header{

position: fixed;

top: 0px;

left: 0px;

height: 80px;

width: 100%;

background-color: #07cbc9;

}

http://img1.sycdn.imooc.com//climg/5e176cbe09ca1a6119200992.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕阿满 2020-01-10 11:08:32

同学你好,同学是指banner区域遮罩层和图片的错位吗?

如果是,这是给header设置固定定位后,脱离了文档流,造成了图片向上移。这里header设置固定定位,应该设置z-index,使其在其他部分上边显示。另外应该给banner区域设置margin-top:80px;使其留出header的高度。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师