Comment position:fixed est compatible avec les versions inférieures du navigateur

Écrivez un blog pour prendre des notes sur les pièges rencontrés dans le projet. Position :fixed est généralement compatible avec différents navigateurs, mais pour être compatible avec la navigation dans les versions inférieures, vous devez utiliser -webkit-transform:translateZ(0 ); Ce code a disparu.

Lorsque position:fixed;z-index:xxx; est utilisé dans le projet, n'oubliez pas d'ajouter ce css : -webkit-transform:translatZ(0); Ceci est compatible avec position:fixed version du navigateur, sinon ce sera le cas. Il y a un bug de scintillement du navigateur lors du défilement. Bien entendu, la transparence ici : opacity : 0.9;
doit également être compatible, je ne l'expliquerai donc pas en détail ici.

.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);
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!