position:fixed 兼容浏览器低版本
生活随笔
收集整理的這篇文章主要介紹了
position:fixed 兼容浏览器低版本
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
項(xiàng)目中遇到的坑,寫篇博客做個(gè)筆記紀(jì)念下,position:?fixed一般來(lái)說(shuō)都兼容各個(gè)瀏覽器,但是要兼容瀏覽低版本問(wèn)題,就得用-webkit-transform: translateZ(0);這段代碼了。
項(xiàng)目中用到position:?fixed;z-index: xxx;的時(shí)候,記得加上這個(gè)css:-webkit-transform:?translateZ(0);????這個(gè)兼容position:fixed瀏覽器低版本????不然會(huì)有瀏覽器滾動(dòng)出現(xiàn)閃爍bug。當(dāng)然這里透明度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); }
也要做兼容的,這里就不具體做解釋了。 .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); }
總結(jié)
以上是生活随笔為你收集整理的position:fixed 兼容浏览器低版本的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 视觉表现理论知识
- 下一篇: css动画-模拟正余弦曲线