0

CSS3 スタイルシートを使用して画像をズームしていますが、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;
}
4

2 に答える 2

2

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
-変換マトリックス

于 2013-04-04T05:28:58.860 に答える