Internet explorer 在IE中模拟CSS3转换?
我正在使用一组规则以尽可能跨浏览器兼容的方式实现CSS3Internet explorer 在IE中模拟CSS3转换?,internet-explorer,css,css-transitions,Internet Explorer,Css,Css Transitions,我正在使用一组规则以尽可能跨浏览器兼容的方式实现CSS3转换规则:我正在使用转换,-webkit转换,-moz转换,以及-o转换 对于任何版本的Internet Explorer,是否有类似的-ms transition属性?对于旧版本的IE,是否有一个专有的过滤器,类似于以下规则在IE 6-8中对不透明度的处理方式 /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=50)"; /* IE 5-7
转换
规则:我正在使用转换
,-webkit转换
,-moz转换
,以及-o转换
对于任何版本的Internet Explorer,是否有类似的-ms transition
属性?对于旧版本的IE,是否有一个专有的过滤器,类似于以下规则在IE 6-8中对不透明度的处理方式
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
在旧版本的IE中没有任何过渡效果 我所知道的唯一接近它的方法是使用JQuery的
fadeIn()
和fadeOut()
方法,这些方法在IE的所有版本中都有效
然而,我要提醒的是,他们仍然与IE臭名昭著的不透明度处理相抵触。当与IE6-8一起使用时,JQuery的淡入淡出效果可能会出现一些奇怪的问题,特别是当您淡入包含图形的块时
如果您决定尝试它,代码非常简单。只需在标题中包含JQuery,然后:
$('#myelement').fadeIn();
在适当的地方
有关更多信息,请参阅
当然,这将取代任何CSS转换效果;这一切都是通过Javascript完成的,您可能需要放弃CSS3转换,否则它将与JQuery效果冲突。但是如果你想让它和IE一起工作,那就是你要付出的代价
正如我所说的,当心这些小故障。测试一下,看看它对你有多合适
这是唯一的方法,所以如果你真的需要IE中的过渡效果,那就是你需要做的,但是要准备好接受它可能看起来不那么好
其他Javascript库(如Mootools或Dojo)可能具有类似的效果,您也可以尝试,但我可以想象,如果它们确实具有这种效果,它们也会遇到同样的问题。IE10将具有CSS3转换,在此之前,您必须使用Javascript。我在研究同一问题时遇到了这个问题: 我还发现了一个名为move.js的库,可以与CSS3转换一起使用:
希望这有帮助。CSS3转换规则和其他CSS3规则在IE 10中运行良好。不再需要前缀“-ms-”,但仍将被识别。为确保将来的兼容性,应相应地更新使用带有转换属性的Microsoft供应商前缀的应用程序。因此,更新CSS代码,添加带有规则的行,不带任何前缀。对于IE<10,您可以尝试其中任何一种 我没有亲自尝试过,但它们看起来很有希望 或
(断开的链接)简短回答,没有。你必须以某种形式使用javascript才能在IE9中实现同样的效果。我的理解是IE10将有CSS3转换。谢谢。我想我会坚持将CSS3转换作为一种渐进式的增强工具——它们对网站来说并不重要。仅仅粘贴链接访问是不好的做法