0

私はTwentyElevenをベースにしたテーマのCSSコーディングを行ってきました。IE7とIE8を除いて、すべてが正常に見えます。

上記の2つのブラウザでは、ウィジェットクラス「.widget」のスタイルが無視されていることに気付きました。除去テストを行った後、これを理解しました。私がテストした他のすべてのクラスは、css調整を取り入れています。.widgetに対して作成されたものだけが、IE7および8に取り込まれません。

これに対する既知の解決策はありますか?

追加情報:1pxの黒い境界線を実装することにより、各ウィジェットをボックス内に含める必要があります。

4

2 に答える 2

0

これ以上の情報がなければ、確実に言うことは不可能ですが、miszczuがすでにコメントしているように、古いバージョンのIEは、次のように複数のクラスでルールを適用するのに問題があります。

.widget { background: red; }
.widget.blue { background: blue; }

ほとんどのブラウザでは、もしあれば<div class="widget blue">test</div>、それは青になります。ただし、古いIEでは、複数のクラスを処理する方法がわからないため、赤のままです。

これが当てはまらない場合は、質問をより詳細に編集できます。サイトへのリンクまたは問題のあるjsfiddleは、問題の解決に非常に役立ちます。

于 2012-07-06T16:38:40.383 に答える
0

助けてくれた@Scottと@misczuに感謝します。

主要な削除テストを行ったところ、HTML5の問題であることがわかりました。IE7と8は新しいHTML5要素を読み取ることができず、以前のアウトソースはHTML5js互換性ファイルを含めることを怠っていたようです。IE7および8は、ウィジェットが含まれている「aside」要素を処理できませんでした。

結局、私はGoogleSVNからHTML5互換性コードを取得する必要がありました。TwentyElevenの古いバージョンに含まれているものは風変わりでした。これで正しく動作します。

于 2012-07-10T17:02:56.190 に答える