Html Internet Explorer 11使用边框半径模糊背景图像

我有一个带边框半径的div和一个背景图像，这在所有浏览器中都能很好地显示，除了在InternetExplorer11中，背景图像看起来很模糊

我怎样才能解决这个问题

<span class="button boxsizing soundicon"></span>

编辑：

我注意到，如果我从.soundicon中删除背景的“中心”位置（或从span.button中删除边界半径），模糊就会消失，但无论如何我都需要正确定位我的背景

编辑2：

IE11的一个非常奇怪的错误，似乎如果我在px中指定位置而不是中心或50%，背景图像不会模糊/混乱

Internet Explorer仍然是一个糟糕的浏览器

编辑3：

使用px位置时，在某些图像上没有模糊，但比使用center/%时模糊

实例：

---

将bg图像放置在span元素中。这将使边界半径和背景图像保持在不同的元素中

.element {
    border-radius: 7px;
    border: 2px solid #494742;
 }

.element span {
    background-image:url('imagepath.png');
 }

---

尝试背景大小；100%;没有，它将图像扩展到整个div，比背景图像大。这个用户的答案似乎有效：试试这个

.element {
    border-radius: 7px;
    border: 2px solid #494742;
 }

.element span {
    background-image:url('imagepath.png');
 }