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 兼容浏览器低版本相关推荐

AngularJS开发指南7：AngularJS本地化，国际化，以及兼容IE低版本浏览器
AngularJS本地化,国际化国际化,简写为i18n,指的是使产品快速适应不同语言和文化. 本地化,简称l10n,是指使产品在特定文化和语言市场中可用. 对开发者来说,国际化一个应用意味着将所有的 ...
解决IE浏览器低版本兼容性问题的最快方法
解决IE8以下浏览器低版本的兼容性问题,最快的方法就是将以下代码放在网页的head标签内: <!--[if lte IE 8]> <script async>location. ...
兼容IE低版本的文件上传解决方案
兼容IE低版本的文件上传解决方案参考文章: (1)兼容IE低版本的文件上传解决方案 (2)https://www.cnblogs.com/zhou195/p/9253895.html 备忘一下.
IE浏览器低版本判断及升级提示
需求: 由于公司项目对于ie浏览器只支持ie10及以上版本,为了更好的用户体验及人性化提示,想在代码里判断下ie浏览器低版本加个提示. 解决方案: 先贴代码: <!--[if lte IE 9] ...
h5前端IE浏览器低版本判断及升级提示
需求: 由于公司项目对于ie浏览器只支持ie10及以上版本,为了更好的用户体验及人性化提示,想在代码里判断下ie浏览器低版本加个提示. 解决方案: 先贴代码: <!--[if lte IE 9] ...
html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办？
jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...
解决CSS position:fixed 兼容问题
将id为head的div固定在最顶部,所设置的CSS属性如下: #head {overflow:hidden;*zoom:1;height:44px;background-image:url(../I ...
addEventListener兼容ie低版本
之前一直使用addEventListener来绑定事件,后来发现这个方法在ie低版本不支持, ie低版本支持的是attachEvent,他和addEventListener的不同之处是第二个参数事件名 ...
Safari浏览器低版本时候，只发option-CorsFilter配置
跨域拦截配置,是个坑,使用 * ,对于低版本的safri浏览器是不行的. 当初配置CorsFilter,是为了解决跨域的问题,但是今天发现低版本的safri浏览器发不了请求.最后通过抓包工具,查看发送 ...

position:fixed 兼容浏览器低版本

position:fixed 兼容浏览器低版本相关推荐

最新文章

热门文章