Google chrome 模糊的白色边框，但在底部

几天来，我一直在试图去除底部的白色小模糊线，但我没有发现这样的问题。谢谢您的回复！：D

守则：

body，html{
高度：300px；
宽度：350px；
字体系列：“Segoe UI”，“Lucida Grande”，Tahoma，无衬线；
字体大小：100%；
}
#地位{
/*避免状态文本过宽*/
空白：预处理；
文本溢出：省略号；
溢出：隐藏；
}   
帽匠先生{
背景图片：url（“icon.png”）；
过滤器：模糊（4px）；
-webkit过滤器：模糊（4px）；
身高：100%；
背景位置：中心；
背景重复：无重复；
背景大小：100%；
变换：比例（1.1）
}

---

我猜这是由于bg图像的模糊，您可以做的一件事是增加隐藏在父高度内的元素的高度，或者在bg中使用之前简单地模糊图像