今日、私はJSを使用してMax-Width、Max-HeightをサポートせずにIE6を解決することについて問題に遭遇しましたが、CSSの値を取得していません。 CSSなどのCSSは、CSSの値など、CSSの値など、CSSの値など、CSSの値など、CSSの値など、そのようなようなように、CSSの値などのようなものなどのようなCSSたとえば、CSSの値として。
次のようにコードコードをコピーします。
if($。browser.msie&& $ .browser.version == 6.0)
{{
var maxwidth = parseint($('。viewbigpicimg ')。css(' max-width '));
$('。viewbigpicimg ')。
if(this)> maxwidth)。
$(this)。
});
}
理由がわかりません、CSSで最大値を取得できません。そして、ネイティブJSを使用して達成することしかできません
JSコードは次のとおりです。
次のようにコードコードをコピーします。
<script type = 'text/javascript'>
関数setphotosize(elem、width、height){{
<! - [ie 6]>
試す {
var image = new Image();
image.src = elem.src;
if(image.width> 0 && image.height> 0){{
var rate =(width/image.width <height/image.height)?
if(rate <= 1){
elem.width = image.width*rate;
elem.height = image.height*rate;
}
それ以外 {
elem.width = image.width;
elem.height = image.height;
}
}
} catch(e){}
<! - [endif] - >
}
</script>
パートのHTMLコードは次のとおりです。
次のようにコードコードをコピーします。
<div>
<div>
<p> <img id = "imgid" online = "setphotosize(this、730、470)" src = "images/viewshow.jpg"/> </p>
</div>
</div>
CSSスタイルは次のとおりです。
次のようにコードコードをコピーします。
.viewbigbox {border:solid#e3e3e3;
。
viewbigpic:730px:470px;
//主にフォントサイズの高さの割合を使用して、画像の垂直の外側を実装します
viewbigpic p img:Mids-width:470px;}