1

I have this simple HTML DIV with background, where Image is not showing up in IE8. It's working on all other browsers.

I am using AngularJS by the way.

The div is:-

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

Thanks.

EDIT

I just checked and in IE the background is not there to begin with.

The tag in IE is being shown as :-

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

Weird.

4

1 に答える 1

2

私は Internet Explorer の専門家ではありませんが、過去のブラウザーは現在の更新されたブラウザーほどルールに柔軟ではなかったことを知っています。技術的にbackground-imageは、画像を囲む引用符が必要です。それらを追加してみて、動作するかどうかを確認してください。

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

background-image補足として、 andbackground-repeatを 1 つのルールにまとめることができます。このようになります。

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

また、画像を読み込めない場合に備えて、常に背景色を含める必要があります。

background-color: white;
/* Or */
background: white url("content/1.jpg") no-repeat;
于 2013-07-03T21:28:49.103 に答える