1

わかりました、レイアウトをデバッグして、IE8 以下ですべてがファンキーな理由を確認しようとしています..コードを観察し始めると、内部要素のすべてのラッピング要素が自己閉鎖していることに気付きました。

<section id="top-bar"/>
<div class="container">
  <div class="row">
    <div class="span12">
      <p>ELEMENTS</p>
    </div>
  </div>
</div>
<div class="rivets"/>
</section/>

CSS の #top-bar にスタイリングを適用しました。

#top-bar {
  background: #146c7e url('../images/top-bar-bg.png') repeat top left;
  color: #fff;
}

そのため、IE8 以下では、そのスタイルは適用されていません。これは絶対にイライラします。これは Magento でのみ発生します。自分で行った他のすべてのレイアウトは、コンテンツが直接それらの中にない場合、自分自身を閉じることはありませんでした。

わかりました人々は私がそれらの終了タグを自分で追加していると思っていましたが、これが私のコードです:

<section id="top-bar">
        <div class="container">
            <div class="row">
                <div class="span7">
                    <a href="#" class="tab">Shoppe</a>
                    <a href="#" class="tab">Local</a>
                    <a href="#" class="tab">Half Baked</a>
                </div>
                <div class="span5 mag-links">
                    <?php echo $this->getChildHtml('topLinks') ?>
                </div>
            </div>
        </div>
            <div class="rivets"></div>
    </section>

IE8 はこれらのタグを自動的に追加しています。それらを削除することはできません..したがって、コードはChrome、Firefox、IE9以降でうまく機能します..しかし、IE8以下では、自己終了のものを開始します. 以前はこの問題はありませんでした。

4

3 に答える 3

1

この特定のケースで正しい答えをマークしたことは知っていますが、これは他の人に役立つかもしれません：

これらの問題が発生した場合、Firefox でページを開き、[ページのソースを表示] をクリックして、赤色の要素がないか調べます。これは、適切に閉じられていないコード (通常は欠落している</div>) を表示し、それを修正しようとした場所を示します。

最新のブラウザーは、間違ったコードを自動的に閉じようとしますが、これは面倒なことです。クライアントが古いバージョンの IE で指摘したときに初めて何かが起きていることに気付くからです!

うまくいけば、これは彼らの問題が似ていると思う他の誰かを助けるでしょう.

于 2013-11-22T15:56:58.377 に答える
0

要素には他の要素が含まれていないため、サイズのない要素の背景は表示されませ#top-barん。

これを変える：

<section id="top-bar"/>

に：

<section id="top-bar">
于 2013-08-06T17:43:36.280 に答える