Image width issue in IE

时间：2013-04-15 作者：Nikki Mather

由于某些原因，图像在IE 8及更早版本中显示为细线，我无法理解为什么会出现这种情况。我正在使用CSS重新调整主页的图像大小，之所以使用CSS重新调整图像大小，是因为缩略图是由Wordpress生成的。

这就是IE中的样子。。。

IE8 and below - thin images

它在Firefox和所有其他浏览器中的外观。。。

Firefox and other major browsers

我用来调整图像大小的CSS。。。

.home .attachment-home-post-thumbnail {
    box-shadow: none;
    height: 125px;
    margin-right: 8px;
    margin-top: 8px;
    width: 140px;
}
有什么想法吗？

1 个回复
SO网友:Nikki Mather

问题与宽度有关：100%；由Wordpress应用于所有图像。下面的代码修复了这个问题-我只将此应用于IE 8及更低版本，因为这些浏览器的代码有问题。

img.size-full, img.size-large, img.header-image, img.wp-post-image {
    max-width: none !important;
}

结束
标签： functions   images   css   post-thumbnails   小码农  

相关推荐

Link images to post

将图像链接到帖子。大家好我相信这很简单，但我不知道怎么做。我知道如何在帖子中添加图像-单击帖子，添加媒体，选择缩略图。这给了我一个缩略图。我想我要做的是将缩略图链接到帖子，这样我就可以控制缩略图在页面上的显示位置。我有一个这样的模板。 <div class=\"content_div\"> <?php $car_args = array( \'post_type\' =>