jQuery性能全屏淡出

Question

我正在尝试创建一个暗淡的叠加层，它就像大多数模态盒插件一样淡入淡出。我这样做是通过<div id="overlay">和以下CSS：

#overlay {
  background: black;
  display: none;
  opacity: .3;
  z-index: 9999;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

我使用jQuery为#overlay设置动画：

$('#overlay').fadeIn(400);

然而，这种淡化的表现并不是最佳的。当以1920x1080像素的分辨率淡入时，我估计FPS约为10/15。有没有更好的方法让这个动画更顺畅？

Answer 1

从版本jQuery 1.4.3开始，您可以控制每秒帧数。请参阅this链接。使用更高的FPS进行游戏可能会使整体动画更加流畅。

Javascript动画处理在某些旧版浏览器（IE6-7）上不是很流畅。

Answer 2

使用低级.animate()函数怎么样？ 可能更好......