2017-07-10 92 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及以上的... :)

感謝所有爲您努力。

相關問題