Wordpress特色图片没有出现在IE8中

Question

我遇到IE8的问题：它没有显示本网站上的精选图片：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上，但我不需要固定的宽度或高度。我不明白为什么它没有拿起图像的宽度和高度。

Answer 1

问题是由此规则引起的：

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

如果您从此规则中删除img，则该图片将显示在IE8中。

Answer 2

您的代码将呈现为<img width="118" height="200"

px和width没有height。但是根据Chrome和Firefox的属性，它会自动显示为width="118px" height="200px"。

但IE没有这个内置属性。这就是为什么它没有显示你的形象。

尝试更新代码，将px添加到图片大小。