Blur.js tries to request "none" and the div does not expand 100%

I am trying to use http://blurjs.com/ to blur our BG header. However, this gives me an interesting error that I cannot track. This may be due to core code and compatibility, but I'm not sure.

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

Error

Failed to load the resource: the server responded with a status of 404 (not found) http://jordan.rave5.com/tmp/none

In addition, the div background-gradient has a problem with a 100% extension when the page first loads the load when the content field is small. I tried adding another div inside it 100% or more to push it, but it just ends up raising the footer further when the content area expands. This is annoying.

+5
source share
1 answer

285 blurjs.js. , 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, "");
+3

All Articles