2017-07-10 32 views
1

位置:固定的Chrome版本59工作.. 我在我的应用工具栏被固定在应用程序的菜单栏下方。它在所有其他浏览器中都运行良好,包括Chrome浏览器以及下面的CSS规则,除了Chrome浏览器版本59之外。有什么方法可以用CSS或jQuery来解决这个问题吗?为什么position:fixed在Chrome版本59中不起作用?

#toolBar { 
    background: #f7f7f7; 
    height: 29px; 
    border-bottom: 1px solid #3d5fa3; 
    left: 19.4%; 
    position: fixed; 
    right: 0; 
    z-index: 99999999999999999; 
    -webkit-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out; 
    -webkit-transform: translateZ(0); 
} 

Chrome版本59单独行为不端。 关于相同的另一个问题:Is there any way to apply CSS for specific chrome version?

+0

你可以给我们一些HTML,所以我们可以看到它不工作。谢谢。 –

+0

也许它隐藏在底部,尝试添加'顶部:0' – uingtea

+0

@ te te Top顶部不是必需的,它是'感知滞后,它需要**变换:translateZ(0)** –

回答

1

真棒..这条简单的线条解决了我的整个问题。

-webkit-transform: translateZ(0); 

位置:固定*问题,加入这行来我的CSS规则修好了我的所有问题,做工精细...修复镀铬59及以上的... :)

感谢所有为您努力。

相关问题