<分区>
我使用的是 Chrome 68。
每当我有 filter: invert(xxx);
在 <body>
上, 任何定位为 fixed
的东西不会粘在屏幕上,它会随着所有内容滚动。
使用 filter: invert(xxx);
进行演示
body{
height: 8000px;
filter: invert(0.85);
}
div{
position: fixed;
top: 0;
left: 0;
height: 100px;
width: 100px;
border: 1px solid black;
}
<div></div>
没有 filter: invert(xxx);
的演示
body{
height: 8000px;
}
div{
position: fixed;
top: 0;
left: 0;
height: 100px;
width: 100px;
border: 1px solid black;
}
<div></div>
编辑:在 Chrome 67 上运行良好,但在 Chrome 68 上运行不正常。