Snippet CSS : Resampling bicubic pour IE7
Posé ici le mardi 17 mars 2009 à 16:58 par
Le rétrécissement d'image ne pose plus de problèmes aux navigateurs modernes. Seul Internet Explorer reste encore à la traine et produit une image pixelisée si les dimensions d'affichages sont inférieures aux dimensions d'origine. Je viens d'apprendre par CSS-tricks (qui l'a lui même appris de DevThought) qu'une petite astuce existait pour palier le problème sur Internet Explorer 7.
img { -ms-interpolation-mode: bicubic; }
Cette astuce ne s'appliquant qu'à Internet Explorer 7, il est possible de la mettre entre commentaires conditionnels pour ménager les autres navigateurs.
<!--[if IE 7]>
<style type="text/css">
img { -ms-interpolation-mode: bicubic; }
</style>
<![endif]-->
D'après mes tests, Il semblerait que cette astuce ne fonctionne que sur les JPG.
Les liens
CSS Tricks
http://css-tricks.com/ie-fix-bicubic-scaling-for-images/
Dev Thought
http://devthought.com/tumble/2009/03/tip-high-quality-css-thumbnails-in-ie7/
Ce contenu est mis à disposition selon les termes de la licence Creative Commons 2.0 France : Paternité, Pas d'Utilisation Commerciale, Partage des Conditions Initiales à l'Identique.
Context
Thématiques :
Trackbacks
0 trackback
Commentaires
2 commentaires
Intéressant, c'est toujours utile. Merci !
Bon maintenant, va y'avoir IE8 inclut avec Windows Seven : ça peut être que mieux...
1. Par Catar4x le jeudi 19 mars 2009 à 16:50
Merci beaucoup mon projet de theme portfolio pour Wordpress ne sera que plus beau sous IE7 :)
Je découvre pas mal d'astuces CSS sur votre blog alors bravo et merci pour le partage, c tjrs plus confortable en francais :)
2. Par Elodie le jeudi 26 mars 2009 à 12:08