0

我在使用 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 上，但我不需要固定的宽度或高度。我不明白为什么它不拾取图像的宽度和高度。

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_ 但是根据 Chrome 和 Firefox 的属性，它会自动读取为.widthheightwidth="118px" height="200px"

但是 IE 没有这个内置属性。这就是为什么它没有显示您的图像。

尝试更新您的代码以添加px到图像大小。

于 2012-05-13T17:30:13.367 回答