小编典典

模仿IE中的CSS3过渡?

css

我使用的规则的组合来实现CSS3 transition的跨浏览器兼容的方式可能的规则:我使用transition-webkit- transition-moz-transition,和-o-transition

-ms-transition任何版本的Internet Explorer 是否都具有类似的属性?是否有针对旧版IE的专有过滤器,类似于以下规则在IE
6-8中的不透明度如何起作用?

/* IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=50)"; 
/* IE 5-7 */ 
filter: alpha(opacity=50);

阅读 306

收藏
2020-05-16

共1个答案

小编典典

在旧版本的IE中没有任何过渡效果。

我所知道的唯一接近它的方法是使用JQuery fadeIn()fadeOut()方法,它们在IE的所有版本中都有效。

但是,我应该警告,它们仍然会受到IE众所周知的不透明处理能力的影响。当与IE6-8一起使用时,JQuery的淡入淡出效果可能会有些奇怪的毛刺,尤其是当您正在淡化包含图形的块时。

如果您决定尝试使用该代码,那么代码将变得非常简单。只需在标题中包含JQuery,然后:

$('#myelement').fadeIn();

在适当的地方。

当然,这将代替任何CSS过渡效果;这些都是通过Javascript完成的,您可能需要放弃CSS3转换,否则它将与JQuery效果发生冲突。但是,如果您希望它与IE一起使用,那就是您要付出的代价。

就像我说的,提防小故障。测试一下,看看它看起来如何。

这是唯一的方法,因此,如果您确实需要IE中的过渡效果,那是您需要做的,但是要准备接受它看起来可能并不那么好。

其他Javascript库(例如Mootools或Dojo)可能会产生类似的效果,您也可以尝试使用,但是我想如果他们确实拥有它,它们将遭受相同的问题。

2020-05-16