Question

我知道还有其他类似的问题，相信我，我已经在这里待了差不多两天了。

我正在尝试使用StellarJs在我的网站标题中创建一个视差背景图像。不幸的是，它对具有指定data-stellar-background-ratio的元素没有任何影响。

SQL injection（bg图像与本地计算机不同）。

我甚至制作了一个与网站上的例子完全相同的版本，但它仍然不起作用。我在其他4个类似的问题上研究了解决方案，但没有一个能帮助我。我在这里不知所措。

Answer 1

好的，所以我无法与您的本地副本通话，但我知道至少这一个I fixed是将Stellar源代码移动到外部资源然后添加丢失的);在$(document).ready()函数的末尾并修复该语法错误。您可能需要检查自己的本地版本以查看是否有类似内容，并检查dev tools' console以查看是否存在任何语法问题。

Answer 2

在干墙上打了几个洞后，我意识到这个问题与所讨论的元素或者我称之为恒星功能的方式无关。它就在这里与这一小块CSS有关：

html, body {
    overflow-x: hidden;
    height: 100%;
}

您似乎无法将100％的高度应用于html和body标签，因为在删除该高度声明后，它就像魅力一样！我很困惑为什么，我会联系StellarJs的创建者，看看它是否是一个错误，或者是出于某些原因我是否有意/预期行为。

高度100％问题的解决方法可以在这里找到：height: 100% or min-height: 100% for html and body elements?

StellarJs视差背景图像不起作用

2 个答案: