gpt4 book ai didi

html - 上方奇怪的空白

转载 作者:太空宇宙 更新时间:2023-11-04 02:27:25 25 4
gpt4 key购买 nike

我一直在用 JavaScript 开发 slider ,我一直在添加图像作为背景,如下所示:

<img class="slide-bg" src="path/to/some/photo.jpg" />

CSS:

.slide-bg {
position: absolute;
filter: blur(3px);
-webkit-filter: blur(3px) grayscale(20%);
z-index: -3;
display: block;
margin: 0;
padding: 0;
}

出于某种原因,这段代码产生了这样的结果: enter image description here

当我没有 position: absolute 时,一切都很好,但我需要有它,这样我才能应用 z-index 并实际拥有幻灯片内容适合图像的顶部。如果没有 position: absolute,它会产生这个结果:enter image description here

最佳答案

top:0; 添加到您的 css

.slide-bg {
position: absolute;
filter: blur(3px);
-webkit-filter: blur(3px) grayscale(20%);
z-index: -3;
display: block;
margin: 0;
padding: 0;
top:0;
}

关于html - <image> 上方奇怪的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37106382/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com