como faço pro filter só afetar a div do fundo, no caso a wrapper
e também como retirar aquela borda que ele poe? o objetivo é ofuscar apenas a imagem ta assim
#wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(http://blog.viajeglobal.com.br/wp-content/uploads/2014/09/toscana-italia-wallpaper_mini.jpg) no-repeat fixed;
background-size: cover;
filter: blur(10px);
}
#chat {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 10px 10px;
width: 64.28571428571429%;/*900*/
height: 600px;
background-color: rgba(0,0,0,0.5);
border: 1px solid rgba(255,255,255,0.6);
box-shadow: inset 0 0 15px 10px rgba(0,0,0,0.8);
border-radius: 5px;
z-index: 9999;
}
<div id="wrapper">
<div id="chat">chat</div>
</div>