gpt4 book ai didi

CSS Filter 反转规则破坏了 Chrome 68 上的固定位置

转载 作者:技术小花猫 更新时间:2023-10-29 10:20:28 24 4
gpt4 key购买 nike

<分区>

我使用的是 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 上运行不正常。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com