jquery - 悬停()背景颜色问题

Question

$('li > a').hover(
  function(){
   $(this).animate({
    backgroundColor: '#2a639a',
    color: '#fff'
   },300).corner('5px');
  },
  function(){
   $(this).animate({
    background: 'transparent',
    color: '#444'
   },300);
  }
 );

背景有什么问题:“透明”？ 变回白色，不透明

Answer 1

需要注意的重要事项:CSS 中的透明与 0% 不透明度不同。

不透明度可以分级，而透明则可以打开或关闭。因此，您不能将透明动画设置为纯色或从纯色开始动画并期望平滑过渡。如果您尝试，大多数浏览器都会将其视为黑色或白色以用于动画目的，我认为这就是您在这里看到的。

对不透明度进行动画处理可能会给您带来更平滑的过渡，尽管它当然是不同的(对于初学者来说，它会影响整个元素，而不仅仅是背景，而且还需要考虑浏览器兼容性问题)。