我正在尝试使用 blur.js 在我的网站上创建模糊效果,以便您可以看到内容背后的网站背景。但是,它似乎正在尝试访问名为“none”的图像。
这是 chrome javascript 日志的输出:
$('#container').blurjs({source: 'body',radius: 10});
[
<div id="container">…
]
GET http://rymate.x10.mx/test/none 404 (Not Found) blur.min.js:285
(anonymous function) blur.min.js:285
jQuery.extend.each jquery-1.7.1.js:658
jQuery.fn.jQuery.each jquery-1.7.1.js:271
$.fn.blurjs blur.min.js:199
(anonymous function)
InjectedScript._evaluateOn
InjectedScript._evaluateAndWrap
InjectedScript.evaluate
我的代码在线 https://gist.github.com/rymate1234/6162990还有http://rymate.x10.mx/test/ .
我们将不胜感激。
最佳答案
这是插件中的一个错误,它假定您传递给插件的元素具有有效的 URL 作为源。
这可能是一个合理的假设,但它无法处理源元素中没有背景图像的情况,即浏览器报告 “none”
的情况。
如果您关心该插件,您可能应该报告它,因为它是服务器上不需要的无用负载。
不管怎样,你也要正确使用插件,你要的是:
source: '#page'
但是,源图像必须由您托管,而不是 onlinedesign4uu.co.uk
,因为跨源图像将不起作用。
关于javascript - 为什么 blur.js 试图访问文件 "none"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18076401/