Question

我正在使用Backstretch来显示我的背景图片。然后我想使用Blur.js让元素模糊背景。在后伸的图像上使用blur.js不起作用。我假设是因为Blur.js使用CSS属性background-image而Backstretch只显示图像。

如何使这两者兼容？这些插件中的代码非常复杂。

Answer 1

这可能会做你需要的（不使用blur.js）。只需在div后台添加一些CSS模糊就可以了。

<style>
    div.backstretch {
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);
      filter: blur(5px);

      margin: -10px; /* Added to get rid of white blur borders */
    }
</style>

jQuery：与Blurjs的Backstretch

1 个答案: