Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Internet explorer 在IE中模拟CSS3转换?_Internet Explorer_Css_Css Transitions - Fatal编程技术网

Internet explorer 在IE中模拟CSS3转换?

Internet 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

我正在使用一组规则以尽可能跨浏览器兼容的方式实现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 */ 
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转换作为一种渐进式的增强工具——它们对网站来说并不重要。仅仅粘贴链接访问是不好的做法