我正在使用Ionic 3,并且在标题(top edge
)上方出现了一些FAB Buttons。最近,它们不再出现在标题上方,而现在出现在标题下方。在查看其演示时,可以在Ionic Docs中看到症状。
还有其他人看到此问题吗? Chrome是否进行了更改,以调整Z-Index的处理方式?作为参考,FAB在FireFox和iOS / Safari中仍然看起来不错。
经过更多研究后更新
虽然有一些变通办法,但似乎没有可靠的解释(因此也没有可靠的长期解决方案)。
答案 0 :(得分:0)
根据Github issue,我通过将以下CSS放入ionic app.scss中来解决了此问题:
ion-content {
contain: size style;
}
这基本上将contain: layout
样式排除在外,这引起了问题。 FireFox / Safari尚未实现contain:layout
(see here),这就是FAB在那工作的原因。最终,除非添加这样的更改,否则它们也会破裂。