后台css属性不仅仅出现在IE8中

Question

我有以下css类，我在我的html代码中使用它。

.status-mob {
    background: url(/img/status.png) -55px -6px no-repeat;
    height: 20px;
    margin-top: -1px;
    width: 20px;
}

以上css在Firefox和Chrome中运行良好。但不适用于IE8

在IE8中，当我检查html元素时，第一个属性（背景）不会仅出现在IE8中。

某种原因导致“背景”属性不会出现在IE8中。有没有人遇到这样的问题？

你能告诉我可能是什么原因吗？

Answer 1

从/img/status.png中移除/即可解决您的问题。

例如，

background: url(img/status.png) -55px -6px no-repeat;

PS：如果图片为一级，请使用../

Answer 2

试试这个

.status-mob {
background: url('../img/status.png') -55px -6px no-repeat;
height: 20px;
margin-top: -1px;
width: 20px;
}

或者您可以尝试单独编写

background-image: url('../img/status.png');
background-size:-55px -6px;
background-repeat:no-repeat;  

Answer 3

图像是否大于55x6像素？您将它放置在距离元素角落55像素和向上6像素的位置，因此它需要大于显示的值。

此外，图像是否真的存储在网站根目录下的“img”文件夹中？您可能需要一个相对路径，如“img / status.png”或“../img/status.png”而不是绝对路径“/img/status.png”。