css - 纯 CSS3 脚蹼兼容性问题

标签 css cross-browser

无论我做什么,我都无法让这个脚蹼在所有浏览器中工作。例如,它似乎在最新版本的 Mozilla 和 Opera 中完美运行。有时(是的,不总是,即使我没有改变任何东西)它在 Chrome 中工作。

当然,无论版本如何,它在 IE 中都不起作用。

这是我们可以解决的问题吗?我已经尝试了很多不同的东西,但似乎我做不对......

在最新版本的 Chrome、Opera、Mozilla、Safari 和 IE 9 & IE 10 中 100% 的功能将受到高度赞赏。

演示:https://googledrive.com/host/0B3JEn2iJBANKV3piT2xRek54OWs/index.html

最佳答案

尝试使用 cssSandpaper。它应该为您提供所需的支持。或者编写一个不使用转换的版本,并使用 modernizr 为支持它们的浏览器应用 css。

http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

编辑:

实际上,出于您的目的,您需要一个动画 polyfill。试试这个。 http://addyosmani.com/blog/css3transitions-jquery/

关于css - 纯 CSS3 脚蹼兼容性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18924507/

相关文章:

jquery - 是否有任何模仿 amazon.com 菜单布局的 jquery 插件

html - 在 Firefox 中,SPAN 元素不能动态添加到具有 -column-width 值的元素

javascript - jQuery.ajax - 为什么它不起作用?

jquery - JsonP 可以与 Opera、Chrome 和 Safari 配合使用吗?

javascript - 当旧浏览器不接受 jquery 时的替代方案

html - 移动 View 中具有多个页脚和流体网格的 CSS 问题

html - Laravel:文本溢出:省略号不适用于显示未转义的数据

html - 基础顶部栏下拉 z-index 问题

jquery - 不能重复动画 - jQuery

cross-browser - IE9 devicePixelRatio 等效项