Question

我需要smbds帮助...... 我有一个粘性导航栏，最近添加了一些带有一些图片的div（宽度：100％），并希望在图像中添加一些文字，但是当我这样做时，所有这些都在我的粘性导航栏（向下滚动时）下面（隐藏）这个div（带图片），但我希望它总是在顶部（我的导航栏）...（我知道位置有问题，但尝试了许多事情......）。

CSS（div with img）

.container {
    display:inline-block;
    position:relative;
    text-align: center;
    color: white;}

CSS（DIV，我的图片文字）

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

Answer 1

为粘性元素设置z-index。

如果绝对定位的元素没有明确的z-index，则可以设置z-index = 1;，例如：

.sticky-element {
   position: sticky;
   top: 10; // or whatever you have
   z-index: 1;
}

但是，我不知道为什么浏览器会这样。

html：粘贴导航栏上的重叠图片

1 个答案: