一、问题
<img />在IE8上面只能看到原图,不能设置宽高
二、经过
在页面上用的img标签,通过css设置图片的宽高,IE8没有效果;通过在img标签上设置width、height属性及属性值,也没有效果
// 第一种方式:无效
img{ width:500px; height:300px; }
// 第二种方式:无效
<img src="*.jpg" width="500" height="300" />
三、结果
在img外面加一个div,设置宽高;img宽度设置100%,图片自适应外层的div——解决IE8图片问题
<style>
.imgWrap{ width:500px; height:300px; }
.imgWrap img{ width:100%; }
</style>
<div class="imgWrap"><img src="*.png" /></div>