2015-03-02 36 views
6

我爲跨瀏覽器下面的mixin變換:是否有填充工具對CSS變換屬性在IE8

.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); 
} 

但它不wotk在IE8 and Opera mini。是否有一些回退,polyfill或任何支持它在這些瀏覽器?

+0

檢查此http://www.useragentman.com/IETransformsTranslator/ – Nooh 2015-03-02 09:03:04

+1

對於IE6 +有'過濾器:progid:DXImageTransform.Microsoft.Matrix'它可以模擬許多css3轉換效果。 – pawel 2015-03-02 09:04:39

回答

9

有幾個可以使用,從modenizer建議的是:

css sandpapertransformie

雖然我會爭辯說,像ie8這樣的老式瀏覽器添加pollyfills會損害已經過去的瀏覽器的性能,並降低用戶體驗。另外,如果您將pollyfills添加到移動瀏覽器,則會增加3g連接中的加載時間,從而可能會導致用戶關閉。

+4

您可以檢測瀏覽器是否爲IE8,並僅在這種情況下才加載polyfill。你對3G移動網絡的爭論是沒有意義的。 – user2867288 2016-04-07 17:47:13

+0

下面這個答案,我已經用CSS砂紙,並有一個helluva時間調試400個不好的請求 - 事實證明,下面的行'req.setRequestHeader(「If-Modified-Since」,「星期六,2000年1月1日00:00 :00 GMT「);'需要'req.setRequestHeader(」If-Modified-Since「,」星期六,01 Jan 01 00:00:00 GMT「);' - 那麼它的工作原理! – 2016-08-25 09:56:59