CSS轉換不能在Internet Explorer 7和更低版本中工作

我正在使用CSS3樣式表來縮放圖像，但它在Internet Explorer 7和更低版本中不起作用。CSS轉換不能在Internet Explorer 7和更低版本中工作

.resultitem{ 
    opacity: 0.75; 
    transition: 0.75s ease-in-out; 

} 
.resultitem:hover { 
    opacity: 1; 
    -webkit-transform: scale(1.3); 
      transform: scale(1.3); 
      display:block; 
}

來源

2013-04-04 nagaking

哪個IE版本。 – JJJ 2013-04-04 05:13:32

在哪個IE版本中不起作用？ – swapnesh 2013-04-04 05:13:50

它在IE 7及更低版本上無法使用 – nagaking 2013-04-04 05:16:23

任何瀏覽器都不支持transform屬性。

Internet Explorer（IE9 +）支持-ms-transform屬性（僅限2D轉換）。

Firefox支持替代-moz-transform屬性（僅限2D變換）。

Opera支持替代的-o-transform屬性（僅限2D變換）。

Safari和Chrome支持替代的-webkit轉換屬性（3D和2D轉換）。

來源

2013-04-04 05:16:09 web2008

代碼在Firefox和Chrome上工作 – nagaking 2013-04-04 05:18:44

舊消息......許多瀏覽器現在支持前綴「transform」屬性。 – duri 2013-04-04 05:22:15

@ web2008它可能將該代碼從css3轉換爲css2？ – nagaking 2013-04-04 05:24:19

IE9支持CSS3轉型與-ms-trasform但對於舊版本沒有任何方法，但使用的過濾器：

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=1.3, M12=0, 
    M21=0, M22=1.3);

1.3哪裏是你的比例因子。

M11，M12，M21和M22是將被應用於元素的變換矩陣的值。

請注意，此矩陣不會縮放中間的矩形。解決此問題的最佳方法是使用一些負邊距，減半寬度乘以左邊距和負半邊高度乘以頂部因子的因子。

鏈接：
- MSDN
- Transformation Matrix

來源

2013-04-04 05:28:58 n1xx1

CSS轉換不能在Internet Explorer 7和更低版本中工作

回答

相關問題