blur.js 尝试请求“none”并且 div 未扩展 100%

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

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

错误是

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

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

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

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