背景图像在 AngularJS 的 IE8 中不起作用答案

【问题标题】：Background Image not working in IE8 in AngularJS背景图像在 AngularJS 的 IE8 中不起作用
【发布时间】：2013-07-04 05:28:49
【问题描述】：

我有这个带有背景的简单 HTML DIV，其中 Image 没有出现在 IE8 中。它适用于所有其他浏览器。

顺便说一下，我正在使用 AngularJS。

div 是：-

<div class="slide" 
     style="background-image:url(content/1.jpg); 
            background-repeat:no-repeat; min-width:955px; 
            min-height:420px; display:block;"> 
</div>

谢谢。

编辑

我刚刚检查过，在 IE 中，背景一开始就没有。

IE中的标签显示为：-

<div class="slide" style="min-width: 955px; min-height: 420px; display: block; background-repeat: no-repeat;">

很奇怪。

【问题讨论】：

你有实时链接/开发区我们可以测试吗？
我刚刚粘贴了你的代码，它在 IE8 中对我有用
在 IE8 中也适用于我。我想这可能是另外一回事。你能整理一个演示问题的 jsFiddle 吗？
我正在使用 Angular JS，可能是这个问题？
您是否尝试在图片链接周围使用引号？ IE8 可能对这些东西很敏感

标签： html css angularjs internet-explorer-8

【解决方案1】：

我不是 Internet Explorer 专家，但我知道过去的浏览器在规则方面不如今天更新的浏览器灵活。从技术上讲，background-image 应该有引号包裹图像。所以尝试添加它们，看看它是否有效。

background-image:url("content/1.jpg");

作为旁注，您可以将background-image 和background-repeat 浓缩为一条规则。它看起来像这样。

background: url("content/1.jpg") no-repeat;

如果您无法使用它，您应该始终为图像无法加载的情况添加背景颜色。

background-color: white;
/* Or */
background: white url("content/1.jpg") no-repeat;

【讨论】：