Html 在Firefox中更改srcset会在转换后闪烁图像

我有两个

src

而不是

srcset

---

我已对我的问题作了说明。我已经用src和srcset做了一个例子，这样您就可以看到区别了。但问题并不发生在Chrome中。（我没有测试过任何其他web浏览器）。淡入/淡出不是一个循环，因此您必须刷新Stackblitz才能再次看到转换。

与其通过编程交换srcset，不如通过更改其z索引来反转这两个图像？我使用此方法作为自定义旋转木马淡入/淡出许多图像，其中所有图像都将旋转。新图像将被放置在

in

-元素中，传输到

out

-元素，然后从DOM中删除。在这个例子中，为了简单起见，我只使用了两个图像。

<img id="in" class="in" [srcset]="inSrcSet" (transitionend)="transitionEndIn($event)">
<img id="out" class="out" [srcset]="outSrcSet" (transitionend)="transitionEndOut($event)">

// sample 
transitionEndIn(event){
   this.inSrcSet = "outSrcSet";
}
 transitionEndOut(event){
   this.outSrcSet = "inSrcSet";
}