Background blur'as HTML

[disconnect]

Sveiki, susidūriau su tokia bėda, kad nežinau kaip padaryti, jog atidarius 'modal langą' background'as užsiblurintų. 

Kad būtų aiškiau- norimas rezultatas:

Reikia, kad užblur'inta būtų viskas po langu, o ne pats langas, tad 

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);<!--Patamsina bg-->
    -webkit-filter: blur(5px); <!--Netinka, užblurina langą, ne bg-->
}

netinka.

 

 

Yra idėjų?

[GenLT]

Internete paieškok, katik ieškojau, radau daug puslapių, visi variantai skirtingi, pabandyk kelis.  how to blur background when modal dialog is opened html. Įrašyk štai taip, mokėk naudotis google ir būsi geriausias programuotojas  

Redaguota Birželio 1, 2016, nario Soul Fusion

[ᵀʰᵉᴸᵉᵍᵉⁿᵈ²⁷]

http://taitems.github.io/UX-Lab/ModalBlur/index.html