Question

出于某种原因，IE11（Windows 7 Pro）中根本没有显示背景图像。

.home {
position:relative;
height: 620px;
background-image: url(/images/bg_home3.jpg);
background-position: 540px 190px;
background-repeat: no-repeat;
}

任何线索？

Answer 1

如果您尝试将背景设置为HTML5元素，则IE11中可能没有某种默认样式。例如，如果元素是main，请尝试将display：block设置为它。您也可以尝试设置宽度，但如果没有看到更多代码，则无法为您提供更多帮助。看下面的例子。

.home {
    display: block;
    width: 100%;
    position:relative;
    height: 620px;
    background-image: url("/images/bg_home3.jpg");
    background-position: 540px 190px;
    background-repeat: no-repeat;
}

Answer 2

必要的使用width: 100px;＆lt; =你的尺寸px

.home {
position:relative;
height: 620px;
width: 200px;
background-image: url('/images/bg_home3.jpg');
background-position: 540px 190px;
background-repeat: no-repeat;
}

Answer 3

IE 11无法理解background-position。

您应该使用background-position-x和background-position-y。

https://caniuse.com/#search=background-position

Answer 4

在HTML页面中而不是在style.css中尝试，如下所示：

<div id="home" style="background-image:url(img.jpg);"></div>

它应该在IE11中工作

希望有帮助

Answer 5

使用png图像，因为IE 11似乎无法显示非Web颜色的jpg。

IE11中未显示背景图像

5 个答案: