javascript - 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 正在寻找作为source（第 202 行）传入的元素的 css 属性。您正在将.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, "");