1

好的。所以我在电子邮件上有一个模糊动画：悬停。

您可能已经注意到 IE10 的新传播距离属性（据我所知，在发布时只有 IE10）。http://msdn.microsoft.com/en-us/library/ie/hh673564(v=vs.85).aspx#text_shadows。

我遇到的问题是，当传播距离设置为 0px 时，文本就会从我的动画中消失。这可能是一种肛门，但不应该与 0px 一起使用吗？

我不想在动画中的文本阴影中使用传播，而 IE10 迫使我这样做！

除了将 px 设置得如此之小以至于很难看到传播之外，还有什么想法吗？

@keyframes BlurMail{
    0% {text-shadow: 0 0 10px 0px white;}
    30% {text-shadow: 0 0 7px 0px white;}
    100% {text-shadow: 0 0 0px 0px white;}
}

#email:hover {
-ms-animation-name: BlurMail; 
-ms-animation-fill-mode: forwards;
-ms-animation-duration: 0.5s;
color: transparent;  
}
4

1 回答 1

0

您可以尝试使用特定于 IE10 的目标向动画添加传播，以便它显示出来，并且在所有其他浏览器中仍然使用 0px。

对于某些情况，如 Internet Explorer 特定的 CSS 或 Internet Explorer 特定的 JavaScript 代码，如何仅针对 Internet Explorer 10？

此链接在评论中有很多具体信息。

于 2013-04-24T13:14:25.197 回答