blur.js试图请求“无”而div不扩展100％

Question

我正在尝试使用http://blurjs.com/来模糊标题栏中标题栏的BG。然而，它给了我一个有趣的错误，我似乎无法追查。它可能与主代码和兼容性有关，但我不确定。

http://jordan.rave5.com/tmp/

错误是

  

无法加载资源：服务器响应状态为404（未找到）http://jordan.rave5.com/tmp/none

当内容框很小时，当页面首次初始化加载时，背景渐变div无法扩展100％。我已经尝试在其中添加100％或更大的另一个div来推出它，但它最终会在内容区域扩展时将页脚向下推进。有点烦人。

Answer 1

您的代码在blurjs.js的第285行失败。这是因为blurjs正在查找您传入的元素的css属性source（第202行）。您正在设置.header-img（图像元素）作为源选项，因此blurjs无法在其上找到background-image属性，因此返回了css属性的默认值none因此，当您尝试加载具有该值的图像时，您会收到错误。在第202行更改blurjs.js：

var formattedSource;
if($source.is('img'))
    formattedSource = $source.attr('src');
else
    formattedSource = ($source.css('backgroundImage')).replace(/"/g, "").replace(/url\(|\)$/ig, "");