Fatal编程技术网
  • css/
  • CSS过滤器在Chrome 68上的反转规则破坏固定位置

CSS过滤器在Chrome 68上的反转规则破坏固定位置

css google-chrome

CSS过滤器在Chrome 68上的反转规则破坏固定位置,css,google-chrome,css-position,css-filters,Css,Google Chrome,Css Position,Css Filters,我在Chrome68上 每当我有过滤器时：反转（xxx）在上，任何定位为已修复的都不会粘在屏幕上，而是与所有内容一起滚动 用过滤器演示：反转（xxx） 正文{ 高度：8000px； 过滤器：反向（0.85）； } div{ 位置：固定； 排名：0； 左：0； 高度：100px； 宽度：100px； 边框：1px纯黑； } 这看起来像是谷歌Chrome 68上的一个bug，但是你可以使用元素而不是元素来解决这个问题： html{ 高度：8000px； 过滤器：反向（0.85）； } div{

我在Chrome68上

每当我有
过滤器时：反转（xxx）
在
上，任何定位为
已修复的
都不会粘在屏幕上，而是与所有内容一起滚动



用
过滤器演示：反转（xxx）



正文{
高度：8000px；
过滤器：反向（0.85）；
}
div{
位置：固定；
排名：0；
左：0；
高度：100px；
宽度：100px；
边框：1px纯黑；
}


这看起来像是谷歌Chrome 68上的一个bug，但是你可以使用
元素而不是
元素来解决这个问题：



html{
高度：8000px；
过滤器：反向（0.85）；
}
div{
位置：固定；
排名：0；
左：0；
底部：0；
高度：100px；
宽度：100px；
边框：1px纯黑；
}


有趣的bug，我在FireFox（61.0.1）上发现了它，只是…我使用的是Chrome。Chrome 67.0.3396.99：工作非常完美。。。Chrome68.0.3440.75：出现了一个bug…这似乎是Chrome68的bug，我在Chrome67上测试了它，它工作正常。我正在添加标签。使用
filter
似乎是个问题-通过
filter
添加dropshadows也会遇到这个问题
filter
在任何子实体级别为具有
position:fixed
的儿童创建一个新的位置上下文将其添加到
似乎确实可以修复它！它仍然在firefox上滚动：/@Viira-修复但奇怪：D（见更新）我没有撒谎，兄弟，它在firefox上不工作@塞巴斯蒂安·布罗什不是一只虫子。它只是创造了一个新的