类似于 IE 的转换

Posted 2023-03-06

【中文标题】类似于 IE 的转换

【英文标题】：something similar to transition for 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 */
    

【问题讨论】：

Already answered

【参考方案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.