Javascript 模糊背景不出现

Javascript 模糊背景不出现,javascript,html,css,Javascript,Html,Css,我需要模糊背景与下面弹出的模糊效果不工作帮助我与代码 $(文档).ready(函数(){ 变量$box=$('.box'); $('.closei')。每个(函数(){ var color=$(this.css('backgroundColor'); var content=$(this.html(); $(此)。单击(函数(){ $box.css('backgroundColor',color); $box.addClass('open'); $box.find('p').html(内容);

我需要模糊背景与下面弹出的模糊效果不工作帮助我与代码

$(文档).ready(函数(){
变量$box=$('.box');
$('.closei')。每个(函数(){
var color=$(this.css('backgroundColor');
var content=$(this.html();
$(此)。单击(函数(){
$box.css('backgroundColor',color);
$box.addClass('open');
$box.find('p').html(内容);
});
$('.close')。单击(函数(){
$box.removeClass('open');
$box.css('backgroundColor','transparent');
});
$('body')。toggleClass('overlay');
$(“#弹出切换”)。单击(函数(){
$(“.popup”).toggle();
$('body')。toggleClass('overlay');
})
$(“.close”)。单击(函数(){
$(“.popup”).toggle();
$('body')。toggleClass('overlay');
});
});
$(“#名称”).autocomplete({
来源:“search.php”,
最小长度:1
});
});
正文{
字体系列:“开放式Sans压缩”,无衬线;
}
/*CSS代码*/
流行卷轴{
位置:固定;
z指数:10;
排名:0;
显示:表格;
文本对齐:居中;
宽度:100%;
身高:100%;
}
.弹出窗口{
z指数:10;
宽度:450px;
高度:180像素;
填充:100px;
位置:相对位置;
保证金:20px自动;
显示:块;
文本对齐:居中;
-moz背景剪辑:填充;
-o-背景剪辑:填充;
-webkit背景剪辑:填充框;
背景剪辑:填充框;
/*防止bg颜色泄漏到边界之外*/
背景色:#fff;
/*图层填充内容*/
-moz盒阴影:0 10px rgba(0,0,0,18);
/*阴影*/
-webkit盒阴影:0 10px rgba(0,0,0,18);
/*阴影*/
-o盒阴影:0 10px rgba(0,0,0,18);
/*阴影*/
盒影:0 10px rgba(0,0,0,18);
/*阴影*/
-webkit变换原点:顶部中心;
-moz变换原点:顶部中心;
-o-变换原点:顶部中心;
变换原点:顶部中心;
-webkit动画:iconosani 1.2s向前;
动画:iconosani 1.2秒向前;
-moz动画:iconosani 1.2s向前;
-o型动画:iconosani 1.2秒向前;
}
@-webkit关键帧iconosani{
0% {
-webkit变换:透视(800px)旋转(-90度);
-莫兹变换:透视(800px)旋转(-90度);
-o变换:透视(800px)旋转(-90度);
不透明度:1;
}
40% {
-webkit变换:透视(800px)旋转(30度);
-莫兹变换:透视(800px)旋转(30度);
-o变换:透视(800px)旋转(30度);
不透明度:1;
}
70% {
-webkit变换:透视(800px)旋转(-10度);
-莫兹变换:透视(800px)旋转(-10度);
-o变换:透视(800px)旋转(-10度);
}
100% {
-webkit变换:透视(800px)旋转(0度);
-莫兹变换:透视(800px)旋转(0deg);
-o变换:透视(800px)旋转(0度);
不透明度:1;
}
}
.poph1{
高度:60px;
位置:相对位置;
颜色:#fff;
字体:25px/60px无衬线;
文本对齐:居中;
文本转换:大写;
背景:3D79D0;
}
.popScroll表格{
利润率:10px自动;
}
.订阅widget.电子邮件表单{
字体大小:13px;
颜色:#999999;
左侧填充:6px;
宽度:270px;
边框:1px实心#e0;
填充:5px 0 5px 5px;
线高:25px;
}
.订阅小部件.按钮{
背景:3D79D0;
填充:6px 15px;
颜色:#fff;
边界:无;
线高:25px;
左边距:0;
光标:指针;
}
输入[type=“submit”]{
-webkit外观:按钮;
-moz外观:按钮;
-o-外观:按钮;
光标:指针;
}
.popp{
填充物:1px 5px;
字体系列:“开放式SAN”;
字号:17px;
边缘底部:10px;
}
#选择权{
位置:相对位置;
}
博西先生{
显示:内联块;
宽度:169px;
线高:42px;
颜色:#fff;
文本对齐:居中;
文字装饰:无;
-webkit转换:所有0.1s线性;
-moz过渡:所有0.1s线性;
-o-过渡:所有0.1s线性;
}
#家{
背景:3D79D0;
}
#接近{
背景:#D21111;
}
Popem先生{
宽度:42px;
显示:内联块;
位置:相对位置;
利润率:0-20px;
线高:42px;
背景:#fff;
颜色:#777;
文本对齐:居中;
边界半径:50px;
}
#主页:悬停{
背景:1852C7;
}
#关闭:悬停{
背景:#B30E0E;
}
身体。覆盖:之后{
内容:'';
宽度:100%;
身高:100%;
顶部:0px;
左:0px;
z指数:0;
不透明度:.8;
位置:固定;
排名:0;
左:0;
底部:0;
右:0;
背景:#000;
}
身体覆盖{
/*防止滚动*/
溢出:隐藏;
最大高度:100%;
最大宽度:100%;
}
.丝带{
位置:绝对位置;
z指数:100;
宽度:100px;
高度:100px;
溢出:隐藏;
}
.ribbon.左上角{
顶部:-2.6px;
左:-5px;
}
.ribbon.top-left.ribbon-primary>small{
*缩放:1;
过滤器:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF428BCA',endColorstr='#FF2A6496');
背景图像:-moz线性梯度(顶部,#428bca 0%,#2a6496 100%);
背景图片:-webkit线性渐变(顶部,#428bca 0%,#2a6496 100%);
背景图像:线性渐变(至底部,#428bca 0%,#2a6496 100%);
位置:绝对位置;
显示:块;
宽度:100%;
填充:8px 10px;
文本对齐:居中;
文本转换:大写;
字体大小:粗体;
字体大小:65%;
颜色:白色;
背景色:#428bca;
-moz变换:旋转(-45度);
-ms变换:旋转(-45度);
-webkit变换:旋转(-45度);
变换:旋转(-45度);
-moz盒阴影:0 3px 6px-3px rgba(0,0,0,0.5);
-webkit盒阴影:0 3px 6px-3px rgba(0,0,0,0.5);
盒影:0 3px 6px-3px rgba(0,0,0,0.5);
顶部:16px;
左:-27px;
}
.ribbon.top-left.ribbon-primary>small:之前,
.ribbon.top-left.ribbon-primary>small:之后{
位置:绝对位置;
内容:“;
}
.ribbon.top-left.ribbon-primary>small:之前{
左:0;
}
.ribbon.top-left.ribbon-primary>small:之后{