Question

我的网站上有一个相当大的背景图像（1920x1080），它响应性地工作，直到我添加了stellar.js。

对于背景图片，我有这个css规则：

.about {
  background-image: url(../img/portfolioheroimage3-2.jpg);
  background-attachment: fixed;
  background-size: cover;

所以不使用stellar.js，它是响应式的。假设我在很大程度上缩小了页面，背景图像高度扩展，一切正常。

但是在添加stellar.js之后，事情发生了变化。我按照文档在脚本标记中添加了这一行：$ .stellar（）;

很酷，视差效果确实奏效了。但它打破了我的背景图像的响应性。假设我再次缩小页面，背景图像没有垂直生长，而是变成了＃34;重复＃34;。我尝试设置background-repeat：no-repeat。但它变得更糟，因为文字超出了背景图像。

是否有人也面临这样的问题并知道如何同时为背景图像提供响应和视差效果？

非常感谢！