1

私は次の問題を抱えています：

ランディングページは、body要素に割り当てられた背景画像（トップバナー）と、コンテンツを表示している別の画像の2つの画像で構成されています。

私の問題は、両方の画像が非常に大きく、常に、背景画像よりもメイン画像が最初に表示されるのを待たなければならないことです。

これは私にとって非常に迷惑で、見栄えがよくありません。

問題を明確に示すサンプル画像を使用してオンラインバージョンを作成しました。確認してください：ここ

私はさまざまなJavaScriptテクニックとオンラインソリューションを試しましたが、どれも私の問題を解決しませんでした。

私が欲しいのは、メイン画像よりも最初に表示する背景画像だけです。

これがhtmlコードです：

<body background='top-banner2.jpg' style='background-position: top center; background-repeat:no-repeat;'>
  <a href="#">
    <img border='0' style='position:absolute; width:965px; left:50%; margin-left:-487px; top:440px;'  src='main2.jpg' />
  </a>
</body>

JavaScript、AJAXなど、あらゆるソリューションを利用できます。

時間と専門知識を共有していただきありがとうございます。

よろしくお願いします、SpiroK。

4

1 に答える 1

1

問題は、背景属性を使用していることです。二度とそれを使用しないでください。スタイル属性の使用をやめてください。すべてのプレゼンテーションを外部スタイルシートに入れ、li​​nk タグを使用してリンクします。これを行うと、CSS が DOM でプログレッシブにレンダリングされるため、問題が解決します。

于 2009-10-11T14:57:57.387 に答える