3

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

2 回答 2

1

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

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

Modernizr.load({
  test: Modernizr.csstransitions,
  nope: 'IE-transitions-fallback.js'
});
于 2012-09-12T18:14:30.293 回答
0

看看这个，它有点像 html5shiv，但对于 css3。

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

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

这是另一篇文章，其中包含更多提示。

于 2012-09-03T22:57:02.957 回答