IE11 中不显示背景图片答案

【问题标题】：Background images not showing in IE11IE11 中不显示背景图片
【发布时间】：2021-05-14 19:32:30
【问题描述】：

由于某种原因，IE11 (Windows 7 Pro) 中根本不显示背景图像。

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

有什么线索吗？

【问题讨论】：

您是否尝试为类指定宽度？
指定图片的宽度并引用url

标签： css background-image internet-explorer-11

【解决方案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;
}

【讨论】：

遇到了同样的问题，对我来说，IE 缺少的是display: block
感谢您的评论。很高兴听到您的回答对某人有帮助。

【解决方案2】：

必要的使用width: 100px;

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

我认为通过两个简单的步骤可以解决问题：

设置 display: block; display 属性指定页面上的显示行为。 IE 8 及更高版本完全支持此属性。
将您的网址放在引号 ("") 之间。 背景图片：url("/images/something.jpg");

【讨论】：