CSS3 transform:scale dans IE
Je voudrais utiliser la propriété CSS3 transform:scale.
div
{
transform: scale(0.5,0.5);
}
Est-il un moyen d'imiter ce dans Internet Explorer 8 et plus bas?
Peut être quelque chose avec filter
ou une solution d'activer Javascript?
J'ai cherché sur le web sans aucun résultat.
Merci beaucoup, Vincent
- quand vous posez ce genre de questions, merci de préciser la version(s) d'IE que vous demandez, parce que cela fait une très grande différence pour la réponse.
Vous devez vous connecter pour publier un commentaire.
IE9 prend en charge transformer:
Pour les autres versions de IE, il y a une syntaxe complexe. Quelque chose comme ceci:
Look ici pour plus d'info.
Non, IE8 et versions antérieures ne prennent pas en charge la norme
transform
style. IE9 ne la soutiennent même si.Il existe des solutions que vous pouvez essayer d'utiliser le
filter
style, mais elles seront en désordre.Mais simplement pour le cas que vous décrivez dans la question (en gros une simple mise à l'échelle vers le bas), vous pouvez utiliser l'IE-propriétaire
zoom
propriété.Car il est non-standard, l'utilisation la plus courante de
zoom
est aveczoom:1
, qui est utilisé pour corriger un certain nombre de c'est à dire de la mise en page pépins (particlarly dans IE6 et IE7). Mais c'est aussi faire de vraies zoom en tant que bien, et vous pouvez les utiliserzoom:0.5
pour obtenir l'effet que vous recherchez.La bonne chose sur l'utilisation de
zoom
est qu'il est des œuvres dans IE comme n'importe quel autre normal propriété CSS (lefilter
alternative de graves rendu bizarreries que vous avez besoin de savoir).Le seul bas-côté de l'aide
zoom
est que vous auriez besoin de le désactiver dans IE9 ou tard, sinon ça va interract avec votretransform
de style et d'avoir des effets indésirables. Je ne suis pas à appuient généralement l'utilisation de hacks CSS, mais vous pouvez utiliser la/9
hack (documenté ici) pour en faire seulement affecter IE8 et plus tôt, ce qui signifie que vous pouvez spécifier à la fois latransform
et lazoom
dans la même feuille de style, comme:Sinon, vous auriez besoin d'utiliser les commentaires conditionnels pour déterminer si l'utiliser.
Évidemment, si vous voulez faire quelque chose de plus complexe qu'une simple échelle proportionnelle, alors
zoom
ne sera pas adapté, mais pour un cas simple comme celui de votre question, il sera parfait.zoom
sera adapté.http://msdn.microsoft.com/en-us/library/ms533014(v=vs. 85).aspx
bien que, les filtres dans IE n'est pas facile à utiliser et ils ne sont pas toujours combiné avec d'autres effets css....
mais IE 9 soutien à l'échelle
https://developer.mozilla.org/en/CSS/transform
Essayez ceci:
https://github.com/pbakaus/transformie