jQuery 动画在 Internet Explorer 中不起作用/行为异常
我正在开发一个个人网站,http://www.miketurley.com。
在任何 Webkit 浏览器(Chrome、Safari)或 Firefox 中,当您将鼠标悬停在我网站的打开屏幕上的文本上时,您会看到一个流畅的动画,该动画会滑动文本并显示菜单(“唤醒”我的网站)。不是太必要,但我喜欢它,并且我认为在我的作品集网站上展示这样的技能是合适的。
无论如何,如果您在 Internet Explorer 中访问我的网站,动画根本不会出现。同样的持续时间过去,然后页面在一帧中“捕捉”到动画后状态,中间没有任何运动。
我该如何解决这个问题?
有关此特定动画的说明以及源代码可在此处找到:http://www.miketurley.com/index_explain .html
I'm developing a personal website, http://www.miketurley.com.
In any Webkit browser (Chrome, Safari) or Firefox, when you mouse-over the text on my site's opening screen, you get a slick animation which slides the text around and reveals the menu ("waking up" my website.) This may not be too necessary, but I like it and I think it's appropriate to showcase skills like that on my portfolio website.
Anyway, if you go to my website in Internet Explorer, the animations do not appear at all. The same duration of time goes by, and then the page "snaps" into the post-animation state in one frame, with no motion in between.
How can I fix this?
An explanation of this particular animation along with source code is available here: http://www.miketurley.com/index_explain.html
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
撇开
eval
不谈,您的网站无法在 IE 中进入怪异模式。使用开发工具,我切换到不同的文档模式,动画运行得很好。目前无法找出是什么激活了怪癖,但您有一个问题需要调查。首先通过严格验证< /a> 或转向过渡或 html5Leaving
eval
aside, you site is failing to quirks mode in IE. Using dev tools I switched to different Document Mode and the animations ran just nice. Can't find out what activates quirks right now but you have an issue to investigate. Start with passing the strict validation or moving to transitional or html5<!doctype html>