gpt4 book ai didi

css - 背景附件效果:fixed but with img blocks and position

转载 作者:行者123 更新时间:2023-11-27 23:23:12 25 4
gpt4 key购买 nike

有没有办法实现background-attachment: fixed的效果, 而不是使用 background-image使用<img /> block 。

我想在不使用 background-image 的情况下实现这种效果https://codesandbox.io/s/kind-currying-iop7l

这样当滚动时,图像在它们之间转换时没有可见的接缝线。

我的布局如下

<body>
<section><img></section>
<section><img></section>
</body>

但无论我尝试什么,我都无法让 img 被它的父级剪辑 <section> .

我试过了 position: fixed对于 img .我用 z-index 试过了以及。 position: sticky在这种情况下不起作用,因为 img被它包含的父级推高而不是被剪掉。

最佳答案

我真的不明白你想要实现什么,但尝试使用父级的“溢出”属性。

[parent_selector]
{
overflow: hidden;
}

关于css - 背景附件效果:fixed but with img blocks and position,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57904005/

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