css - Angular 4.x - CSS 背景颜色不改变 IE11

Question

我在 Angular 4.x 应用程序中有一些代码在 Chrome/Firefox 中运行良好，但在 Internet Explorer 11 中什么也不做——用户单击一个 div，它改变了 div.header 的 css 背景颜色(在现代中没有问题浏览器)但在 IE11 中 - 谁能说明这是为什么？

<div class="header" [style.background-color]="note ? colours[note.colour] : selectedColor">

<div (click)="selectColor('#3b589799', 'blue')" class="select opt --blue"></div>
<div (click)="selectColor('#bf3a2b99', 'red')" class="select opt --red"></div>
<div (click)="selectColor('#4cae4f99', 'green')" class="select opt --green"></div>

//js Controller

selectColor(color, choice): void {
    this.selectedColor = color;
    this.selected = choice;
}

Answer 1

<div (click)="selectColor('rgba(59, 88, 151, 0.6)')" class="select opt --blue">b</div>
    <div (click)="selectColor('rgba(191, 58, 43, 0.6)')" class="select opt --red">r</div>
    <div (click)="selectColor('rgba(76, 174, 79, 0.6)')" class="select opt --green">g</div>

像我一样使用 rgba。它有效。