1

背景に画像があるヘッダーがあり、IE9 に表示されません。Chrome、Firefox、および Safari で問題なく動作します。ヘッダーで開かれたロゴ ファイルは正常に表示されます。

HTML:

<div class="myheader">
  <img src="img/logo.png"><h5 class="your-on">You are on: Login Page</h5>
</div>

CSS:

.myheader {
    height: 90px;
    /* background-color: #3D8F43; */
    padding: 5px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius:10px;
    background-image: url("../img/header-bg.jpg");
}

また、これらのファイルをローカルで開きたいブラウザで開いているだけです。これは、さまざまな人にメールを送信し、それらを開いて HTML ファイルを表示させる必要があるデモなので、ローカルで作業する必要があります。

IE の設定でミックス コンテンツを有効にしましたが、機能しませんでした。

更新 - これを最初に含める必要がありました。ページを最初に開いたとき、IE は、Web ページでのスクリプトまたは ActiveX コントロールの実行を制限していると述べています。これを実行してページを更新できるようにしますが、同じ結果で画像はありません。

4

2 に答える 2

0

なぜそれがあなたに起こっているのかわかりません。だから私はそれをいじって、ここにコードがあります（それはあなたのものと同じです、画像だけが私がインターネットから得たいくつかの画像です）：

HTML :

<div class="myheader">
    <img src="https://www.key.com/kco/images/logo.png"/>
    <h5 class="your-on">You are on: Login Page</h5>
</div>

CSS:

.myheader {
    height: 90px;
    /* background-color: #3D8F43; */
    padding: 5px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius:10px;
    background-image: url("https://www.key.com/kco/images/bg_nav-rht.png");
}

スクリーンショットは次のようになります。

ここに画像の説明を入力

ロゴはkeybank文字列を含むもので、背景は赤とグレーの色が入ったものです。

これがフィドルです：http://jsfiddle.net/pLkbV/2/

IE 9 と 10 でテストしましたが、問題なく動作しました。

そのため、バックグラウンド URL で指定したパスから画像が読み込まれていない可能性があります。

于 2013-08-15T17:39:23.587 に答える