在 IE8 中是否有用于 css 转换 属性 的 polyfill
Is there polyfill for css transform property in IE8
我有以下用于跨浏览器转换的 mixin:
.transform (...) {
-webkit-transform: @arguments; /* Chrome, Opera 15+, Safari 3.1+ */
-moz-transform: @arguments; /* Firefox 3.5+ */
-ms-transform: @arguments; /* IE 9 */
-o-transform: @arguments; /* Opera 10.5+ */
transform: @arguments; /* Firefox 16+, IE 10+, Opera */
}
.translate(@x:0, @y:0) {
.transform(translate(@x, @y));
}
并像下面这样应用它:
#main {
.translate(280px, 0);
}
但在 IE8 and Opera mini 中并不适用。在这些浏览器中是否有一些后备、polyfill 或任何支持它的东西?
有一些你可以使用,modenizer 建议的是:
css sandpaper and transformie.
不过我认为,向 ie8 等较旧的浏览器添加 pollyfill 会损害已经过时的浏览器的性能并降低用户体验。此外,如果您将 pollyfill 添加到移动浏览器,您将增加加载时间,这在 3g 连接中可能会让用户望而却步。
我有以下用于跨浏览器转换的 mixin:
.transform (...) {
-webkit-transform: @arguments; /* Chrome, Opera 15+, Safari 3.1+ */
-moz-transform: @arguments; /* Firefox 3.5+ */
-ms-transform: @arguments; /* IE 9 */
-o-transform: @arguments; /* Opera 10.5+ */
transform: @arguments; /* Firefox 16+, IE 10+, Opera */
}
.translate(@x:0, @y:0) {
.transform(translate(@x, @y));
}
并像下面这样应用它:
#main {
.translate(280px, 0);
}
但在 IE8 and Opera mini 中并不适用。在这些浏览器中是否有一些后备、polyfill 或任何支持它的东西?
有一些你可以使用,modenizer 建议的是:
css sandpaper and transformie.
不过我认为,向 ie8 等较旧的浏览器添加 pollyfill 会损害已经过时的浏览器的性能并降低用户体验。此外,如果您将 pollyfill 添加到移动浏览器,您将增加加载时间,这在 3g 连接中可能会让用户望而却步。