类似于IE的过渡

Question

我知道IE10支持转换，但我能在旧版本的IE上做类似的事情吗？我只想让一个盒子在悬停时慢慢向上移动，我让它在所有其他web浏览器上工作。感谢下方的代码

    .boxslider:hover{
    margin:37px 0 0 0;
    transition: margin 0.7s;
    -moz-transition: margin 0.7s; /* Firefox 4 */
    -webkit-transition: margin 0.7s; /* Safari and Chrome */
    -o-transition: margin 0.7s; /* Opera */
    }

Answer 1

您可以使用Modernizr.js来了解当前浏览器是否支持CSS转换：http://modernizr.com/

如果不支持它们，则加载带有一些jQuery回调的JavaScript文件（将动画函数作为回调的事件处理程序）。

Modernizr.load({
  test: Modernizr.csstransitions,
  nope: 'IE-transitions-fallback.js'
});

Answer 2

检查一下，它有点像html5shiv，但对于css3来说。

http://code.google.com/p/css3shiv/

这还显示了完成任务的仅限微软的css。我的建议是，如果你使用这种方法，你应该制作一个只有ms的样式表，并用一个条件ie语句加载它，因为正如文章所说，只有ms的css不会验证，因为它不是css。

这是另一篇有更多提示的文章。