【图片不显示 _通用】 | IT修真院·坑乎

图片不显示

我也踩过这个坑( 2 )

已统计您的踩坑,无需重复点击

回答(4)

通用

详细描述

截图

代码

body{
    margin:0;
}


.header{
    position: fixed;
    width:100%;
    height:3rem;
    line-height: 3rem;
    text-align: center;
    background-color: #5fc0cd;
    color:#ffffff; 
    z-index: 1;
}
.back{
    position: absolute;
    left:1.5rem;
    top:0.7rem; 
}

编辑于2024-04-25

时间排序

热门排序

[上海|荣耀师兄]JS-周能
0

你在header里面使用了固定定位，固定定位会脱离文本流，脱离文本流不会占据任何空间，所有后面的背景图片会后补到文本流的顶端或上一个元素的下边缘，然后就发生重叠的效果，固定定位元素和背景图片元素就重叠在一起，在header里面又使用了z-index: 1;这个属性，而背景里面没有使用这个属性，默认是0,1又大于0，这个时候重叠的层级顺序就会显示在最上面，只需要在背景图片里用一个maargin-top为header的高度，把图片用top的margin撑下来就可以解决这个问题了。

查看全部>

编辑于2018-08-31
[郑州|结业弟子]JS-徐海达
0

固定定位之后脱离文档流，虽然显示但是不占位置，所以你要给图片一个magin-top：header的的高度，就可以解决问题.

查看全部>

编辑于2018-09-26
[成都|荣耀师兄]JS-李文龙
0

你的第二个问题主要是在设置position：fixed后没有固定他与顶部的距离，你加一个top：0；就不会出现那个白框了

查看全部>

编辑于2018-12-07
[成都|]JS-
0

你写的是没有定位的你把header加上top：0 这样就把他定在了顶部，下面的你依然把margin-top加上

查看全部>

编辑于2019-02-25

去第页