在IE中重现CSS3 Webkit过渡和变换

3
我正在尝试制作一个简单的“链接云”,其中有5或6个链接以绝对定位方式随机分布。当悬停时,它们会平滑地从对象中心缩放到较大的大小,并在鼠标移出时缩小回来。
使用CSS3变换和过渡可以完美实现,但我需要一个适用于IE8+的解决方案。我的网站目标受众是那些使用开箱即用功能的人,因此要考虑IE的兼容性问题。
我接受任何建议。Javascript、Jquery、Mootools、Prototype……说出来,我都会尝试。

你最好使用 internet-explorer 标签而不是 jquerymootools。基于问题标记一个问题,而不是基于可能的解决方案的想法。 - Spudley
1个回答

6
IE9和IE10已经支持CSS3转换,所以不需要担心这个问题(你需要在IE9中使用-ms-transform)。
您可以在此处查看CSS转换的浏览器支持图表:http://caniuse.com/#feat=transforms2d IE8不支持CSS转换,但有绕过它的方法。对于IE8,建议使用CSS Sandpaper
这是一个JavaScript库,可将CSS转换和其他功能实现到IE8及更早版本。
然后,您可以使用类似于以下语法的语法:
-sand-transform: rotate(45deg);

希望这可以帮到您。

太好了!我正在查看它。它也支持CSS过渡吗? - Felipe Garcia Rijo
@FelipeGarciaRijo - 抱歉,我相当确定它不支持过渡效果。我预计在JavaScript中实现它们会更加困难,特别是与变换结合使用时。恐怕我对你是否能找到任何解决方案表示怀疑。 - Spudley
嗯,变换本身已经解决了比例的问题。如果他们看不到它,他们应该停止使用IE。 - Felipe Garcia Rijo

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接