CSS模糊，边框与背景

Question

融为一体。当我添加一个模糊（CSS），以我的形象，并把它放在一个div，保持直线边框，图像与其他元素融合：

我的代码是：https://drive.google.com/file/d/0B2t-Ql_mj7hRU0NHZkpDbHZPWWM/edit?usp=sharing

我怎样才能有直接的边框，而不混合？
我只有谷歌浏览器这个问题

Answer 1

如果你指的是它采用它背后的颜色，那么你就需要为它提供一个background-color，但如果你只是希望它是一个正方形，而不是再试试这个编辑你的原始代码：http://jsfiddle.net/Incredulous/6V9ua/

我已经删除了你的重复的CSS为img选择器，并添加一个px到-20的结尾。你的CSS现在看起来是这样的：

body{ 
    background:red; 
    text-align:center; 
    } 
img{ 
    -webkit-filter: blur(20px); 
    -moz-filter: blur(20px); 
    filter: blur(20px); 
    margin:-20px; 
    } 
div{ 
    overflow:hidden; 
    display:table; 
    background-color:white; 
    } 

我加入了display:table;，使您的股利适合它里面的内容和background-color:white;去除边缘上的红色的出血。