ie9 -ms-transform被忽略

任何人都可以照亮一下爲什麼IE9忽略了以下-ms-行的CSS？ie9 -ms-transform被忽略

它並沒有出現在螢火蟲的光芒，並正在驅使我們堅果！

transform: translateX(-50%) translateY(-50%); 
-webkit-transform: translateX(-50%) translateY(-50%); 
-ms-transform: translateX(-50%) translateY(50%);

任何建議將是偉大的。感謝

來源

2015-11-19 Dancer

工作正常，我。有一件事要檢查：嘗試打開開發人員工具，並查看是否可以確定IE正在使用的文檔模式。在某些情況下，IE可能會考慮嘗試使用文檔模式7或8，並且可以根據每種情況重寫這些情況。 – Katana314

IE9應該使用前綴變換，並且規則看起來是有效的（儘管它可以簡化爲'transform：translate（-50％，50％）'。[caniuse]上的'transform'屬性有一些怪癖，（http://caniuse.com/#feat=transforms2d），你可能會遇到一個例子，所以我們可以看到究竟是什麼導致了這個問題？ –

其實我只是注意到，你的ms規則是正面的50％對Y而言，但其餘規則對於Y是-50％。是否導致您的問題？ –

正確─

transform: translateX(-50%) translateY(-50%); 
-webkit-transform: translateX(-50%) translateY(-50%); 
-ms-transform: translateX(-50%) translateY(-50%);/*correction*/

來源

2015-11-19 15:23:44

ie9 -ms-transform被忽略

回答

相關問題