position:fixed가 하위 브라우저 버전과 호환되는 방식

프로젝트에서 직면하게 되는 함정에 대해 기록하기 위해 블로그를 작성할 것입니다. Position:fixed는 일반적으로 모든 브라우저와 호환되지만 하위 버전 탐색과 호환하려면 -webkit-transform:translateZ(0);를 사용해야 합니다. 이 코드는 사라졌습니다.

프로젝트에서 position:fixed;z-index: xxx;를 사용하는 경우 다음 CSS를 추가해야 합니다. -webkit-transform:translateZ(0); 이는 position:fixed 브라우저 버전과 호환됩니다. 그렇지 않으면 브라우저가 있습니다. 스크롤링 깜박이는 버그가 발생했습니다. 물론 여기서 투명도: 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가 하위 브라우저 버전과 호환되는 방식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!