position:fixed如何與瀏覽器相容低版本

專案中遇到的坑，寫篇部落格做個筆記紀念下，position: fixed一般來說都相容於各個瀏覽器，但是要相容瀏覽低版本問題，就得用-webkit-transform: translateZ(0 );這段程式碼了。

專案中用到position: fixed;z-index: xxx;的時候，記得加上這個css：-webkit-transform: translateZ(0);    這個相容position:fixed瀏覽器低版本    不然會有瀏覽器滾動出現閃爍bug。當然這裡透明度opacity: 0.9;
也要做相容的，這裡就不具體做解釋了。

.footer_main{
    position: fixed;
    height: 150px;
    background: url(/static/web-v2.0/images/ad/IT/IT_footer.png) no-repeat top center;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 9;
    opacity: 0.9;
    -webkit-transform: translateZ(0);
}

#

以上是position:fixed如何與瀏覽器相容低版本的詳細內容。更多資訊請關注PHP中文網其他相關文章！