Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript blur.js-使用其他图像模糊背景_Javascript_Jquery_Html_Css_Blur - Fatal编程技术网

Javascript blur.js-使用其他图像模糊背景

Javascript blur.js-使用其他图像模糊背景,javascript,jquery,html,css,blur,Javascript,Jquery,Html,Css,Blur,我测试了blur.js,它是一个模糊背景的有用工具,但现在我想做一些不同的事情,我想模糊背景,但用另一个图像,而不仅仅是一个花哨的背景颜色 $('Win#u ventana').blurjs({ 资料来源:“正文”, 半径:5, 偏移量:{//背景位置的像素偏移量 x:0,, y:0 }, 叠加:“rgba(0,0,0,0.5)”, cacheKeyPrefix:“blurjs-”,//localStorage对象中keyname的前缀 德拉格布尔:是的 }); $(“.Texto图标”).d

我测试了blur.js,它是一个模糊背景的有用工具,但现在我想做一些不同的事情,我想模糊背景,但用另一个图像,而不仅仅是一个花哨的背景颜色

$('Win#u ventana').blurjs({
资料来源:“正文”,
半径:5,
偏移量:{//背景位置的像素偏移量
x:0,,
y:0
},
叠加:“rgba(0,0,0,0.5)”,
cacheKeyPrefix:“blurjs-”,//localStorage对象中keyname的前缀
德拉格布尔:是的
});
$(“.Texto图标”).dblclick(函数(){
$(“Win#u ventana”).fadeIn(“slow”).draggable();
});
正文{
背景:url(“http://www.sevenforums.com/attachments/tutorials/173429d1314981906-desktop-background-change-img0.jpg");
/* http://www.sevenforums.com/attachments/tutorials/173429d1314981906-desktop-background-change-img0.jpg */
背景尺寸:封面;
身高:100%;
颜色:#000;
}
#容器{
左边距:10px;
边缘顶部:10px;
位置:绝对位置;
}
#温文塔纳{
位置:绝对位置;
左:200px;
最高:50%;
宽度:800px;
高度:500px;
z指数:-2;
显示:无;
}
文塔纳先生{
背景图像:url('http://puu.sh/hkWp6/c7830a2bb1.png');
/*aero_glass.png*/
背景尺寸:封面;
背景重复:无重复;
}

点击我


在css中将此代码添加到
img

img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
根据所需的不透明度更改值