Question

我正在设置div的背景

（我知道我可以用css来做，但我只想抓住这个）

它适用于Chrome和FireFox，我安装了polyfill，在Safari中它应该从透明变为蓝色，但重置为透明。

export const NavBg = trigger('NavBgState', [
  state('inActive', style({
    'background-color': 'transparent'
   })),
  state('active', style({
    'background-color': '#080253'
  })),

  transition('inActive <=> active', animate('500ms ease-out'))
]);

正如我所说，在其他浏览器中工作正常，想知道是否有人遇到类似问题

Answer 1

通过将'background-color'更改为'backgroundColor'来解决这个问题：

export const NavBg = trigger('NavBgState', [
  state('inActive', style({
    'backgroundColor': 'transparent'
   })),
  state('active', style({
    'backgroundColor': '#080253'
  })),

  transition('inActive <=> active', animate('500ms ease-out'))
]);

现在可以在Safari中使用

希望这可以帮助遇到此问题的任何人

Angular 4 Web动画在Safari中重置

1 个答案: