点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

position:fixed如何兼容浏览器低版本

来源：懂视网责编：小采时间：2020-11-27 15:28:26

position:fixed如何兼容浏览器低版本

position:fixed如何兼容浏览器低版本:项目中遇到的坑，写篇博客做个笔记纪念下，position: fixed一般来说都兼容各个浏览器，但是要兼容浏览低版本问题，就得用-webkit-transform: translateZ(0);这段代码了。项目中用到position: fixed;z-index: xxx;的时候，记得加上这个css

推荐度：

点击下载本文 文档为doc格式

导读position:fixed如何兼容浏览器低版本:项目中遇到的坑，写篇博客做个笔记纪念下，position: fixed一般来说都兼容各个浏览器，但是要兼容浏览低版本问题，就得用-webkit-transform: translateZ(0);这段代码了。项目中用到position: fixed;z-index: xxx;的时候，记得加上这个css

项目中遇到的坑，写篇博客做个笔记纪念下，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);
}

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

position:fixed如何兼容浏览器低版本

position:fixed如何兼容浏览器低版本:项目中遇到的坑，写篇博客做个笔记纪念下，position: fixed一般来说都兼容各个浏览器，但是要兼容浏览低版本问题，就得用-webkit-transform: translateZ(0);这段代码了。项目中用到position: fixed;z-index: xxx;的时候，记得加上这个css

推荐度：

点击下载本文 文档为doc格式

标签：浏览器版本低版本

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2024 51dongshi.com 版权所有

赣ICP备2023002352号-2

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top