background-position does not work in IE8 when the selector includes 2 clases

Question

我有这个简单的 CSS 代码，它在 IE8 中不起作用

.quicklinks .glyphicon {
    background: url("/images/scss-images/glyphicon-sprite-ie8.png") no-repeat scroll 0 0;
    width: 14px;
    height: 14px;
    display: block;
}

.glyphicon-chevron-up {
    background-position: -77px -53px;
 }

HTML

<div class="quicklinks">
    <span class="glyphicon glyphicon-chevron-up"></span>
</div>

当我从选择器中删除“.quicklinks”class 时，它工作正常，但出于其他一些原因，我需要专门为“.quicklinks”中的“.glyphicon”分配背景".

有人知道解决这个问题的方法吗？使其在 IE8 中工作？

Answer 1

对遇到同样问题的人的回应。

甚至比背景位置：-77px -53px；作为最后一条规则应用只是放置 !important 使其工作

background-position does not work in IE8 when the selector includes 2 clases

background-position does not work in IE8 when the selector includes 2 clases

html

css

internet-explorer-8