视差透明滚动效果，“幕”div放置在视差div之外
视差透明滚动效果，“幕”div放置在视差div之外
提问于 2019-02-22 23:54:25
我有问题使我的“幕布”DIV透明，如果它在固定的div之外。在下面的例子中，我想要实现视差窗帘DIV的透明度，而不必将它放在视差DIV中。
https://jsfiddle.net/0kfapw35/
我知道如果DIVs像这样嵌套就可以实现：
<div class="parallax">
<div class="parallax-curtain">
</div>
</div>https://jsfiddle.net/wamosjk/jfxb0kz1/
不幸的是，这对我不起作用。这有可能吗？
提前感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-02-23 19:10:28
示例中的问题是，如果parallax-curtain不是parallax元素的子元素，那么在他后面只有body元素，该元素是白色的。如果更改body元素的background-color:red;，您将看到透明度确实应用于parallax-curtain，只是在您的示例中不可见，因为它与他后面的元素具有相同的颜色。
可以将parallax元素放在parallax-curtain后面，方法是添加position:sticky; z-index=-1; top:0;：https://jsfiddle.net/x837kwfb/60/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54830763
复制相关文章
相似问题
腾讯云开发者
