我有这个带背景的简单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;">
怪异。
答案 0 :(得分:2)
我不是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;