图标显示在Chrome＆amp; 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;