position:absolute和position:fixed的区别

absolute:

向上级找relative

================

fixed:

直接根据浏览器定位,所以不管滚动到哪,用fixed定位的位置不会变

================

position:fixed兼容浏览器低版本

       .footer_main{
                position:fixed;
                height:150px;
                background:pink;
                width:100%;
                left:0;
                bottom:0;
                z-index:9;
                opacity:0.9;
                -webkit-transform:translateZ(0);
            }

项目中用到position: fixed;z-index: xxx;的时候,记得加上这个css:-webkit-transform: translateZ(0);    这个兼容position:fixed浏览器低版本    不然会有浏览器滚动出现闪烁bug。

posted @ 2017-10-10 17:25  rachelch  阅读(876)  评论(0)    收藏  举报