如何解决为什么背景动画在某些浏览器的前景框上出现故障?
我有一个页面的特殊问题,其中动画背景项目有时会重叠在前面的元素上。
到目前为止,我只在三星互联网浏览器 (v13.2.1.70) 上看到过这种情况。 例如,我无法在 chrome 上复制它(我也没有测试许多其他浏览器)。
这是问题的代码笔:https://codepen.io/antizio/pen/qBqbqVX。
HTML
@HiveType(typeId: 1)
class Expense {
@HiveField(0)
String id;
@HiveField(1)
String amount;
@HiveField(2)
String details;
@HiveField(3)
String type;
@HiveField(4)
DateTime date;
@HiveField(5)
ExpenseMode mode;
Expense(
{this.id,this.amount,this.details,this.type,this.date,this.mode});
}
CSS
<div id="scene">
<div id="bg"></div>
<div id="card"></div>
</div>
我看到它有时表现正确有时重叠,这一切都只是通过更改页面的滚动位置:/
我设法通过向前景元素添加“空”变换来解决该问题,但这并不理想。我基于很久以前浏览器行为的残余。
有没有人对此有任何见解?为什么会发生这种情况?有没有更好的方法来解决这个问题?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。