与IE过渡类似的东西

时间:2012-08-28 12:39:01

标签: internet-explorer css3 cross-browser css-transitions

我知道IE10支持转换,但是我可以做些类似的东西来制作旧版本的IE,我想要的是一个盒子在它徘徊时慢慢向上移动,我让它在其他所有工作网络浏览器。谢谢以下代码

    .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 */
    }

2 个答案:

答案 0 :(得分:1)

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

如果不支持它们,请加载带有一些jQuery回退的JavaScript文件(带有动画函数的事件处理程序作为回调)。

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

答案 1 :(得分:0)

检查一下,它类似于html5shiv,但对于css3。

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

这也显示了完成工作的仅微软css。我的建议是,如果你使用这个方法,你应该只创建一个ms样式表并用条件ie语句加载它,因为当the article状态时,ms-only css将不会验证,因为它不是css。

This is another article with some more tips.