英文:
I added some CSS to get a sticky header but scrolling down pictures cover the header
问题
我尝试为我的网站https://sacconicase.com/case-vacanza/lignano-sabbiadoro-appartamenti-vacanze/获取一个粘性标题。
我找到了一些CSS：
#masthead {
position: sticky;
top: 0;
}
它起作用，但不完全：当我向下滚动时，图片会覆盖标题。
英文:
I tryed to get a sticky header for my website https://sacconicase.com/case-vacanza/lignano-sabbiadoro-appartamenti-vacanze/
I found some CSS
#masthead {
position: sticky;
top: 0;
}
it works but not completely: when I scroll down the pictures cover the header
答案1
得分: 0
在#masthead上添加z-index CSS属性，使其Z轴位置高于图像。给masthead一个z-index值为1或更高，以使其位于其他图像之上。
0的z-index
1的z-index
英文:
Add a z-index CSS property to #masthead to make its z-position higher than the images. Give masthead a z-index of 1 or higher to make it be above the other images.
z-index of 0
z-index of 1
答案2
得分: 0
尝试移除图像上的position: relative，那样应该可以正常工作。
英文:
Try removing position: relative on your images and that should work
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论