0

IE8に問題があります：このWebサイトに注目の画像が表示されません：http ：//www.melisayavas.com/news/

これは、注目の画像を出力するために使用される私のfunctions.phpのコードです。

if ( function_exists( 'add_theme_support' )) {
    add_theme_support( 'post-thumbnails' );
}

if ( function_exists('add_image_size')) {
    add_image_size('news-thumb', 200, 200);
}

これは、注目の画像に使用されるCSSです。

.post-thumb {
    float: left; 
    padding: 10px;
}

特にIE8の場合、私はこのCSSを持っています：

.post-thumb img {
    float: left\9;
    margin-top: 10px\9;
    margin-right: 10px\9;
}

にマージンまたは幅を追加する.post-thumb elementと、画像はIE8に表示されますが、固定の幅または高さは必要ありません。画像の幅と高さが合わない理由がわかりません。

4

2 に答える 2

1

この問題の原因は次のとおりです。

img, object, embed {
    max-width: 100%;
}

このルールからを削除するimgと、画像はIE8に表示されます。

于 2012-05-13T17:57:43.877 に答える
0

コードは次のようにレンダリングされます<img width="118" height="200"

pxとはwidthありませんheight。ただし、ChromeとFirefoxのプロパティにより、自動的にとして読み取られwidth="118px" height="200px"ます。

しかし、IEにはこの組み込みプロパティがありません。そのため、画像が表示されません。

コードを更新pxして、画像サイズに追加してみてください。

于 2012-05-13T17:30:13.367 に答える