IE不支持背景图像属性

Question

我的代码

<span class="iconCloud deactiveImage" src=""></span>

CSS

.deactiveImage {
            background-image: url("./Images/off.png");
            height: 35px;
            width: 35px;
        }

图片未在IE中显示。请帮助..纠正chrome和firefox

Answer 1

span默认为inline元素，height和width将不受尊重，因此请block或inline-block

.deactiveImage {
    background-image: url("./Images/off.png");
    height: 35px;
    width: 35px;
    display: inline-block;
}

Answer 2

您可以在css中使用display：block来显示带有以下css的图像：

 <style type="text/css">
.deactiveImage {
        background-image: url("/Images/test.png");
        height: 35px;
        width: 35px;
        display:block;
    }
</style>