ホームページ  >  記事  >  ウェブフロントエンド  >  CSS表現制御画像自動拡大効果コード【IE、Firefox対応】_体験交流

CSS表現制御画像自動拡大効果コード【IE、Firefox対応】_体験交流

WBOY
WBOYオリジナル
2016-05-16 12:04:531522ブラウズ

今日、この問題を最終的に解決するまでに長い時間がかかりました。基本的には完璧です。唯一の欠点は、IE 6 が画像のサイズを自動的に変更するのは、画像が完全にダウンロードされた後でのみであることです。しかし、何もしないよりはマシです。ページに入ってから横スクロールが長くなり、記事が快適になりました ここではExpressionを使用していますが、一度ロードされるのでExpressionによるメモリリークは発生しません。もちろん、より良い解決策をお持ちの場合は、私にご連絡いただければ幸いです。

コードは次のとおりです:

.Image { max-width:600px;height:auto;cursor:pointer; border:1px 破線 #4E6973;padding:3px;zoom:expression( function(elm ) { if (elm.width>560) { var oldVW = elm.width; elm.width=560; elm.height = elm.height*(560 /oldVW); } elm.style.zoom = '1 '; } (これ)); }

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。