【问题标题】:something similar to transition for IE类似于 IE 的转换
【发布时间】:2012-08-22 23:16:18
【问题描述】:

我知道 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 */
    }

【问题讨论】:

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


【解决方案1】:

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

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

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

【讨论】:

    【解决方案2】:

    检查一下,它有点像 html5shiv,但适用于 css3。

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

    这也显示了完成工作的 microsoft-only css。我的建议是,如果你使用这种方法,你应该制作一个仅 ms 的样式表并使用条件 ie 语句加载它,因为正如the article 所述,ms-only css 不会验证,因为它不是 css。

    This is another article with some more tips.

    【讨论】:

      猜你喜欢
      • 2012-07-09
      • 2013-07-26
      • 2012-08-27
      • 1970-01-01
      • 1970-01-01
      • 2015-09-20
      • 1970-01-01
      • 1970-01-01
      • 2023-03-24
      相关资源
      最近更新 更多