고정 된 이미지가 3D 장면 전환에서 사라 집니까?

Question

The site in question은 3D transitions을 많이 사용하고 을 background에 적용하면 사라집니다. 그것은 backface-visibility과 관련이있는 것 같지만 단순히 제거하면 스크롤하는 버그가 발생합니다.

Answer 1

확실하지 내가 제대로 이해한다면 :

사용, 전체 화면으로 CSS 속성 이미지를 맞추려면 :

그러나

background-size:100% 100%; 

는 크기가 정확하지 않은 경우 이미지를 스트레칭 않습니다를

는

#skill2 { 
    background: url("/assets/img/developer-laptop-desk.jpg") no-repeat fixed center top/100% 100% rgba(0, 0, 0, 0); 
    text-shadow: 1px 1px #000000; 
    width: 100%; 
} 


#intro { 
    background-attachment: fixed; 
    background-image: url("/assets/img/backstretch.jpg"); 
    background-repeat: no-repeat; 
    background-size: cover; 
    height: 100%; 
    position: relative; 
    width: 100%; 
}