특정 위치의 배경에 이미지 위치

Question

모든 브라우저 크기에서 배경에 이미지를 고정하려고합니다. 아이디어는 무언가를 기술하기 위해 배경 이미지 위에 어떤 종류의 요소를 갖는 것입니다.

이미지를 특정 위치의 배경에 "고정"배치하려면 어떻게해야합니까? 여기

조금 설명하는 codepen입니다 : http://codepen.io/anon/pen/GgJZMJ

HUD의 요소는 머리 꼭대기에 머물 필요가 있지만, 브라우저의 크기를 변경하는 경우가 분명히 자리를 떠난다.

.hud1 { 
    position: absolute; 
    top: 32vh; 
    left: 44vw; 
} 

이렇게 처음 시도하는 방식이지만 작동하지 않습니다.

문제점의 해결 방법이 있습니까?

Answer 1

this post는 당신이 필요로하는 모든 정보를 가지고 .. 모두 내가 원하는 게 아니에요이 도움이 희망 ..