Javascript blur.js-使用其他图像模糊背景
我测试了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
$('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 */
}
根据所需的不透明度更改值