Как размыть фон под pop up окном?

Question

[ivadfox]

Есть простой всплывающий по клику pop-up.

#Wrapp,#Wrapp2 {
 top:0;
  left:0;
 position:fixed;
 background-image:url(img/bg_hover.png);
 opacity: 1;
 width:100%;
 height:100%;
 z-index:10000;
 
}
#tt,#tt2 {
	color:#FFF;
	font-family: Calibri;
	text-align:left;
  position:relative;
  background-image:url(img/bg_hover.png);
  width:80%;
  padding:1vw;
  height:50vw;
  margin:auto;
  margin-top:5vw;
  


}
div.close {
  cursor:pointer;
  position:absolute;
  font-weight:700;
  text-shadow:#000 1px 1px 0;
  color:red;
  right:7px;
  top:2px;
}

<script type="text/javascript">
function openbox(id,tt) {
    var div = document.getElementById(id);
    var tt_div = document.getElementById(tt);
    var blur = document.getElementById("blur");
    div.style.marginTop = ".25in";
    if(div.style.display == 'block') {
        div.style.display = 'none';
        blur.style = "";
    }else{
        div.style.display = 'block';
        blur.style = " filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
filter: url('/media/blur.svg#blur');"
    }
    console.log(blur); // в консоли при каждом вызове отобразится контейнер с контентом
}
</script>

переменная blur - весь контент, кроме pop-up окна.
Фон весь прозрачный, как сделать так, что бы задний план смазывался?
Что-то вроде эффекта blur, но не могу заставить смазываться именно задний план..
Где дыра и что я делаю не так?

Answer 1

[Глюкъ Виртуален]

Кликните на фотку с мотоциклом.
motokofr.com/product.php?id_product=5704
Так нужно? Берите.

Answer 2

[olamedia .]

второй if внутрь function openbox(id,tt) { заместо первого

function openbox(id,tt) {
    var div = document.getElementById(id);
    var tt_div = document.getElementById(tt);
    var blur = document.getElementById("контент");
    div.style.marginTop = ".25in";
    if(div.style.display == 'block') {
        div.style.display = 'none';
        blur.style = "";
    }else{
        div.style.display = 'block';
        blur.style = " filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
filter: url('/media/blur.svg#blur');"
    }
    console.log(blur); // в консоли при каждом вызове отобразится контейнер с контентом
}

Comments

[olamedia .]

обновил

[ivadfox]

olamedia .: не помогло

[olamedia .]

ivadfox: мне ответ "не помогло" тоже никак не помог понять почему не помогло

[olamedia .]

что в консоли появилось при вызове функции? "контент" заменили на настоящий id контейнера?

[ivadfox]

olamedia .: console.log(blur)
VM2472:2 function () { [native code] }
undefined

[ivadfox]

olamedia .: может перейдём в более удобную систему обмена сообщениями? а то так можно до утра ковыряться.

[olamedia .]

скайп olamedia