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

时间:2013-07-03 20:47:08

标签: html css angularjs internet-explorer-8

我有这个带背景的简单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;">

怪异。

1 个答案:

答案 0 :(得分:2)

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

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

作为旁注,您可以将background-imagebackground-repeat压缩为一条规则。它看起来像这样。

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

如果您无法使其工作,则应始终在图像无法加载时为案例添加背景颜色。

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