由于图片过大的问题写了这段样式
.divContent{
}
.divContent img{
max-width:800;
height:auto;
zoom:expression( function(elm) { if(elm.width>800) { var oldVW = elm.width; elm.width=800; elm.height = elm.height*(800 /oldVW); } elm.style.zoom = '1'; }(this));
}
但是不能解决IE6加载后图片高度虽然已经算出来了,但是显示有问题,所以想一下脚本是否可以解决,写了下面的这段脚本解决了该问题.
function imgFix(){
var widthRestriction = 800;
var allElements = document.getElementsByTagName('*')
for( var i=0; i < allElements.length; i++){
if(allElements[i].className.indexOf('divContent') >= 0){
var imgElements = allElements[i].getElementsByTagName('img')
for( var j=0; j < imgElements.length; j++){
if( imgElements[j].width > widthRestriction ){
imgElements[j].height = imgElements[j].height * (widthRestriction/imgElements[j].width)
imgElements[j].width = widthRestriction
}
}
}
}
}
window.onload = imgFix ;