图标在 Chrome 和 firefox 中显示，但在 IE 中不显示

Question

这是我从 IE 中提取的 CSS：

.hglghts .active.yes-icon, .hglghts .yes-icon {
    background: url("../img/yes_sir.png") no-repeat;
    width: 27px;
    background-position: initial;
    display: inline-block;
    opacity: 1;
    margin-right: -5px;
    vertical-align: middle;
    height: 17px;
    position: relative;
    top: 1px;
}

它没有显示。我使用的是 IE11。

这是我从 Chrome 中提取的内容，同样的内容，但正在显示？

.hglghts .yes-icon.active, .hglghts .yes-icon {
    background: url("../img/yes_sir.png") no-repeat;
    width: 27px;
    background-position: initial!important;
    display: inline-block;
    opacity: 1;
    margin-right: -5px;
    vertical-align: middle;
    height: 17px;
    position: relative;
    top: 1px;
}

谁能告诉我我做错了什么？

Answer 1

问题应该在initial背景位置。

你 left top 或 0 0 代替。

background-position: left top;

或者更好，在一行中：

background: url("../img/yes_sir.png") left top no-repeat;