-

画像imgタグの width,height で画像サイズを縮小しサムネールとして表示しているのですが、 ie8,ie9での画像が粗いです。
-------------------------------------------------
下記URLを参考にimg { -ms-interpolation-mode: bicubic; } を記述してみたのですが、どうもie7までのようで ie8,ie9で変化が見られません。

phpspot.org/blog/archives/2009/03/css_81.html
momdo.s35.xrea.com/web-html-test/CSS3-memo/-ms-interpolation-mode.html
-------------------------------------------------
サムネールを別個生成する方法ではなく、CSSの記述などでie8,ie9でも
width,height で画像サイズを縮小した場合に、キレイに表示させる方法をご存知の方、ご教授頂けますでしょうか。

みんなの回答 2 件

名無しさんの回答

表示モードを強制的にie7にするとかphpでサムネイル作成とかはダメ?

名無し

ありがとうございます!強制的にIE7互換モードにする方法もあるのですね!勉強になります。4plus.jp/blog/archives/308ただ全部が互換モードになるのがちょっと気になりますね。参考にさせて頂きます。phpで別個サムネイル作成すればキレイに表示が可能なので、解決するんですが、それ以外の例えばCSSの記述などで方法がないかなと思いまして。。

名無しさんの回答

IE8では何もしなくても綺麗にでましたよ。こちらで解説がありました。IE9については環境が無いので確認できませんでしたが、IE8と同様なのではないでしょうか。

サムネイル画像をCSSで高画質に|雑記|php plus MySQL

http://php.birdlab.com/memo/2
名無し

ありがとうございます!IE8確認しました。本当ですね。IE8は何もしなくてもキレイですね。IE9ですが、「サムネイル画像をCSSで高画質に~」のページをIE9で見ると全て粗いままでした。-ms-interpolation-mode: bicubic;  のバイキュービック指定はie7 効くie8 元からキレイie9 効かない(粗いまま)なんでしょうか。。

名無し

IE9は効かないようですね。どうしてもやりたいのであればIE9はcanvasを使うという方法もありますが・・・。

最終更新日:2012-04-20 (13,683 views)

関連するトピックス

ページ上部に戻る