4

我正在尝试使用 blur.js 在我的网站上创建模糊效果，以便您可以看到内容背后的网站背景。但是，它似乎正在尝试访问名为“无”的图像。

这是 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/上在线。

任何帮助将不胜感激。

4

1 回答 1

6

这是插件中的一个错误，它假定您传递给插件的元素有一个有效的 URL 作为源。

这可能是一个合理的假设，但它不能处理源元素中没有背景图像的情况，即浏览器报告"none".

如果您关心插件，您可能应该报告它，因为它在服务器上是不受欢迎且无用的负载。

无论如何，你也应该正确使用插件，你想要的是：

source: '#page'

但是，源图像必须由您托管，而不是onlinedesign4uu.co.uk因为跨域图像不起作用。

于 2013-08-06T09:32:53.193 回答