使用CSS3模糊过滤器时图像周围的白色模糊？

今天，我想我应该重新设计我的网站，并从一个不同的方式来处理它。我想我应该只添加一个大图像和一个小文本，而不是专注于排版。我只是做了：

html {
    background: url(../img/background.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
}

…然而，当我在浏览器中看到它时（Chrome 26.0.1386.0 dev版，运行在Ubuntu 12.10上），图像模糊，但也出现了褪色的白色边框

有没有办法绕过这个问题？我查看了一下，但无法使其工作（部分原因是该示例使用了

标记，而不仅仅是

标记）。那个白色的框架在美学上不好看。没有，图像没有白框（它只是我桌面的一个屏幕截图，打开了几个窗口，所以没有白框）。你知道为什么会这样吗

---

感谢您的帮助和时间。

如果您有可能的话，我发现一个很好的解决方法是使图像比包含的

更大，并使用

溢出：隐藏的
剪裁边缘

在您的例子中，因为它是整个
标记，所以我将图像放入带有以下CSS的
中：

position: fixed;
top: 0;
left: 0;
transform: scale(1.02); # or whatever scale amount removes the border

这对我总是有效。
尝试为html设置背景色。如果仅使用大小与viewport.update的大小完全相同的图像，则可能会出现问题。如果我将你的CSS设置到这个页面，我会得到一个黑色边框。黑色似乎来自身体元素。试着在你的身体上加一个透明的背景或者你的图片的颜色。我想我似乎不明白。我已经设置了背景色：#481124
到
html
标记，但没有更改。你所说的“身体上的透明背景或[我的]图像的颜色”是什么意思？此外，文本也变得模糊了（我在发布后注意到）。在body元素上设置背景色。