Html CSS背景位置不'；t帮助改变图像的位置

默认情况下，样式为：

.landing-icon.self-service-badge:before {
   background-image: url("/images/Evolution/site/self-service-badge.svg");
   height: 76px;
   width: 76px;
}

图像居中。但使用internet explorer时，背景图像位于左侧。我试过这个：

.landing-icon.self-service-badge:before {
    background-size: cover;
    background-position: center;
    background-image: url("/images/Evolution/site/self-service-badge.svg");
    height: 76px;
    width: 76px;
}

---

但这对我不起作用，图像仍然在左侧，你有什么建议吗？

你是否尝试过使用自动对齐，下面是一个示例

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

---

您使用的是哪个版本的internet explorer？能否提供一个代码片段，我们可以运行它，因为目前CSS还不足以进行测试-我想一定有其他设置（例如：before带有内容：“”；属性）使其在其他浏览器上工作。请同时提供相关的html代码。我们需要一个代码段，它可以运行，可以运行。这样我们就可以进行测试，看看如何提供帮助。