Wie position:fixed mit niedrigeren Browserversionen kompatibel ist

Schreiben Sie einen Blog, um sich Notizen zu den im Projekt aufgetretenen Fallstricken zu machen. Position: Fixed ist im Allgemeinen mit allen Browsern kompatibel. Um jedoch mit dem Durchsuchen niedrigerer Versionen kompatibel zu sein, müssen Sie -webkit-transform: TranslateZ(0) verwenden. diesen Code.

Wenn position: Fixed;z-index: xxx; im Projekt verwendet wird, denken Sie daran, dieses CSS hinzuzufügen: -webkit-transform: translatorZ(0); Dies ist mit niedrigeren Versionen von position:fixed Browsern kompatibel , andernfalls wird es beim Scrollen zu einem Browser-Flackerfehler kommen. Natürlich muss auch die Transparenz hier: opacity: 0.9;
kompatibel sein, deshalb werde ich sie hier nicht näher erläutern.

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

Das obige ist der detaillierte Inhalt vonWie position:fixed mit niedrigeren Browserversionen kompatibel ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!