为什么位置:固定不适用于Chrome 59版?

时间:2017-07-10 11:47:17

标签: jquery css google-chrome browser compatibility

位置:已修复无效 Chrome版本59 .. 我的应用程序中有一个工具栏,它固定在应用程序的菜单栏下方。它在所有其他浏览器中运行良好,包括Chrome以及以下CSS规则,Chrome版本59除外。有没有办法用 CSS或jQuery修复此问题?

#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?

1 个答案:

答案 0 :(得分:1)

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

-webkit-transform: translateZ(0);

位置:修复*问题,将此行添加到我的CSS规则修复了我的所有问题,工作正常...修复了chrome 59及以上......:)

感谢所有人,感谢您的努力。