2014-08-27 69 views
2

是否有任何CSS唯一的解决方案,使这种脉动发光效果在IE8/9或至少9?IE8和IE9的发光和脉动文本 - 只有css解决方案=

.glow-texte { 
color:#fff; 
text-shadow:0 0 2px #fff; 
animation:texte 2.4s linear 2s 20; 
-moz-animation:texte 2.4s linear 2s 20; 
-webkit-animation:texte 2.4s linear 2s 20; 
} 

.glow-texteEven { 
color:#fff; 
text-shadow:0 0 2px #fff; 
animation:texte 2.4s linear 1s 20; 
-moz-animation:texte 2.4s linear 1s 20; 
-webkit-animation:texte 2.4s linear 1s 20; 
} 

.glow-texteOdd { 
color:#fff; 
text-shadow:0 0 2px #fff; 
animation:texte 2.4s linear 2.2s 20; 
-moz-animation:texte 2.4s linear 2.2s 20; 
-webkit-animation:texte 2.4s linear 2.2s 20; 
} 
+0

不幸的是你正试图让css3的东西在css3还没有真正想到的时候构建的浏览器上工作。尽管阴影效应应该在ie9上工作,但可悲的是,ie8失败了。这个链接http://stackoverflow.com/questions/5449502/html5-and-css3-for-ie7-and-ie8应该给你一些想法,但不幸的是它确实使用js。 – Sai 2014-08-27 15:21:28

+0

尝试css3派,以及...对不起,我忘了提及 – Sai 2014-08-27 15:23:21

回答

0

CSS3馅饼(如西建议)将让你最那里的方式(影子,造型等):PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.但它不会让你有一路(它会得到的遮蔽效应,在这个例子中)。

IE8太有限,无法单独在CSS中尝试。对于动画部分,您可以使用JavaScript。 有关如何做到这一点的例子,请参阅这样的回答:Convert CSS3 animation into JQuery for use in IE8 and above

您要检查浏览器是否支持与Modernizr.js技术,然后你可以选择做在CSS如果它不支持或使用JavaScript来做你不能在CSS中做的事情。如果您使用JQuery,请确保您使用低于2.0版本:

jQuery Core: Version 1.9 and Beyond - jQuery的2.0(2013年年初,没多久1.9):该版本将支持相同的API,jQuery的1.9呢,但是移除支持对于IE 6/7/8古怪如borked事件模型,IE7“attroperties”,HTML5垫片等

这等解决方案也可能是帮助你找到你的解决方案:CSS3 Animation in IE8/9