Fatal编程技术网
  • html/
  • Html Firefox位置固定元素闪存

Html Firefox位置固定元素闪存

html css firefox

Html Firefox位置固定元素闪存,html,css,firefox,Html,Css,Firefox,这只是Firefox中的一个问题。我使用的是v60.0.2（64位） 我对处于转换div中的位置：fixeddiv有问题。位置：fixed元素将在元素转换时闪烁。它可以在Chrome、Edge和IE中正常工作。请参见代码笔： 编辑： 添加硬件加速是可行的，但我需要奇怪的文本在滚动幻灯片时保持在原来的位置。我没有使用硬件加速，而是将位置：fixed更改为位置：sticky，从而使其正常工作。这在chrome中不起作用。我想不同浏览器对粘性的处理是不同的，所以我添加了 @支持（-moz外观：无）{

这只是Firefox中的一个问题。我使用的是v60.0.2（64位）

我对处于
转换
div中的
位置：fixed
div有问题。
位置：fixed
元素将在元素转换时闪烁。它可以在Chrome、Edge和IE中正常工作。请参见代码笔：



编辑：
添加硬件加速是可行的，但我需要
奇怪的文本
在滚动幻灯片时保持在原来的位置。我没有使用硬件加速，而是将
位置：fixed
更改为
位置：sticky
，从而使其正常工作。这在chrome中不起作用。我想不同浏览器对粘性的处理是不同的，所以我添加了


@支持（-moz外观：无）{
位置：粘性；
}

我希望这个编辑能帮助一些人。我在这个问题上花了太多时间。
添加到元素：


transform: translateZ(0);
-webkit-transform: translateZ(0);


强制浏览器使用硬件加速。基本上，你告诉浏览器你想做一个3D转换，这会迫使它访问GPU，使你的转换变得漂亮而清晰。您可以在此处了解有关CSS中硬件加速的更多信息：


哦，哇，你是最棒的！谢谢大家!<代码>-webkit转换：translateZ（0）是我需要的行吗