internet-explorer - 在 IE 中重现 CSS3 webkit 过渡和变换

Question

我正在尝试制作一个简单的“链接云”，大约有 5 或 6 个链接以绝对定位随机分布。悬停时，它们会平滑地缩放（从对象的中心，而不是从左上角）到更大的尺寸，鼠标移开时会缩小。

使用 CSS3 转换和过渡完全可行，但我需要一个也适用于 IE8+ 的解决方案。我的网站的目标受众是那种使用开箱即用的东西的人，因此 IE 很麻烦。

我愿意接受任何建议。Javascript、Jquery、Mootools、Prototype...命名它，我会尝试它。

Answer 1

IE9 和 IE10 无论如何都支持 CSS3 转换，所以不必担心。（您需要-ms-transform用于 IE9）。

您可以在此处查看 CSS 转换的浏览器支持图表：http: //caniuse.com/#feat=transforms2d

IE8 不支持 CSS 转换，但有一些方法可以绕过它。对于 IE8，我推荐使用CSS Sandpaper。

这是一个在 IE8 及更早版本中实现 CSS 转换和其他功能的 javascript 库。

然后，您可以使用如下所示的语法：

-sand-transform: rotate(45deg);

希望有帮助。