1

wordpressサイトでCSSを使用しています。chrome/safari などでは正常に見えますが、IE8 では通常正しくありません。

div には背景色と境界線に使用される moz-border-radius があります。境界線は重要ではありませんが、背景色は途中まで、または IE8 の場合はまったく拡張されません。

例: http://mesirow.btg340.co.uk

ページの途中にニュースレターのサインアップ フォームが表示されている場合、Chrome などでは枠線と相まって素敵な青色の背景になっています。ただし、IE では、白い背景として表示され、ほとんどのスタイリングが無視されます。

次に表示する場合: http://mesirow.btg340.co.uk/industries/airlines/

ニュースレターのサインアップは右側のサイドバーにあります。IE8 では、背景は途中までしか伸びませんか?

これは間違いなくcss関連です。固定高さなどを使用するなど、さまざまな変更を試みましたが、これまでのところ運がありません:(

どんな助けでも大歓迎です。

4

3 に答える 3

0

タグを使用<aside>したため、IE8の無効なマークアップです。

于 2012-05-30T14:56:08.337 に答える
0

ie8/7 で html5 マークアップを使用すると問題が発生します。

http://modernizr.com/を使用する場合、html5 shiv が付属しており、ie7/8 で html5 タグを使用できるようにする必要があります。

于 2012-05-30T15:39:34.653 に答える
0

最後に、私はこの質問を解決します... :)

HTMLコードを確認してください

 <aside id="wpmlwidget-2" class="wpmlwidget">....</aside>

aside コードを div に置き換えてください。これで動作します。ie-8 ではサポートされていない aside コード。

 <div id="wpmlwidget-2" class="wpmlwidget">....</div>

Javaスクリプトを介して可能なie-7またはie-8の境界半径については、このリンクを確認してくださいhttp://davidwalsh.name/css-rounded-corners

于 2012-05-31T06:52:26.523 に答える