Html 使用淡入css动画时出现奇怪的闪烁

我在另一个

div

上制作一个

div

，因此当您将鼠标悬停在顶部

div

时，您将看到它下面的一个。 背景颜色是相同的，但当我检查它时，它会在动画完成之前产生这种奇怪的颜色：

我尝试了所有我在网上和这里找到的东西，但没有任何帮助

有人知道怎么修吗

提前谢谢

#晨衣{
位置：相对位置；
宽度：25%；
高度：260px；
}
#morningEtgar，#morningEtgarDes{
z指数：90；
文本对齐：居中；
}
#morningEtgarExp，#morningEtgar{
背景色：#7126C6；
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
}
#morningEtgarDes，#morningEtgarName{
高度：70像素；
背景色：#FCED1D；
宽度：100%；
位置：绝对位置；
底部：0；
}
#晨光{
填充：20px；
最大宽度：60%；
}
.海德斯莫宁格酒店{
字号：14pt；
字母间距：2px；
}
#晨光花园{
填充：10px；
}
#晨衣：悬停#晨衣{
不透明度：0；
-webkit过渡：所有0.5s都可以轻松过渡；
-moz过渡：所有0.5s的缓变；
-o型过渡：所有0.5s缓解；
过渡：所有0.5s缓解；
-webkit转换：translate3D（0,0,0）；
}
#晨衣：悬停#晨衣花园{
不透明度：0；
-webkit过渡：所有0.5s都可以轻松过渡；
-moz过渡：所有0.5s的缓变；
-o型过渡：所有0.5s缓解；
过渡：所有0.5s缓解；
-webkit转换：translate3D（0,0,0）；
}

עתגר בוקר


ל
לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית. סת אלמנקום ניסי נון ניבאה. דס איאקוליס וולופטה דיאם. וסטיבולום אט דולור.
עתגר בוקר

我认为奇怪的颜色可能只是

div

淡出，因此在那个时间点它的透明度大约为50%

？看见你可以做的事情是：1。使动画
放松
更快，以便缩短特定
不透明度
的时间。2.不要使用该效果请将该照片添加到代码中，以便您可以使用该效果。它现在有本地地址了。