1

Google Chrome では問題なく動作する Web サイトがありますが、他のブラウザー (Firefox、Safari) では動作しません。

次のコード セクションに問題があります。

        <div class="span2">
            <img src="./images/ads/karaoke.png" />
            <br><br><br>
            <img src="./images/ads/euros.png" />
            <br><br><br><br>
            <img src="./images/ads/parties.png" />
            <br><br><br><br>
            <img src="./images/ads/traleeDynamos.png" />
        </div>

ご覧のとおり、サイトの右側に 4 つの画像を表示しています。しかし、画像は Firefox ではレンダリングされません!!!

私は何を間違っていますか？

画像が Firebug に表示され、Firebug にカーソルを合わせると、正しい画像が表示されます。しかし、それは単にページに表示されません。

誰かがコードを見てくれて本当に感謝しています。

よろしくお願いします。

4

3 に答える 3

4

あなたが見ているものを再現することはできませんが、私は Firefox 11 を持っていません。<center> 要素などを捨て、非推奨の要素をすべて取り除きます。次に、マークアップとスタイルを検証します。最初の img に終了 </img> 要素があることに気付きました...これは無効であり、それが問題の原因であると確信しています。

検証はあなたの友達であることを忘れないでください。

于 2012-04-28T09:12:46.540 に答える
2

ブートストラップのドキュメントから:

HTML5 doctype が必要です

Bootstrap は、HTML5 doctype の使用を必要とする HTML 要素と CSS プロパティを利用します。プロジェクトのすべての Bootstrapped ページの先頭に必ず含めてください。

現在、次のものがあります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">

doctype として、それを修正し、検証して再試行し、機能するかどうかを確認してください。

于 2012-04-28T11:37:09.360 に答える
0

画像が Firefox で表示されず、ブラウザの全幅を使用することを意図している場合は、必ず class="container-fluid" を追加してください。

于 2014-08-29T22:42:42.630 に答える