2013-06-12 3 views
-4

여기 링크입니다 : 나는 "고정 된 이미지의 배경"Google에 시도 http://codepen.io/uniZero/pen/fvkjJ이 기술의 이름은 무엇입니까?

또는 이와 유사한하지만 결과는 사용자가 사이트를 스크롤 할 때 변경되는 여러 배경을 가진 같은 아름다운 웹 페이지가 아닙니다.

누군가가 올바른 방향으로 나를 가리킬 수 있으면 좋겠어. 그래서 더 많이 탐색하고 비슷한 것을 만드는 법을 배울 수 있습니까?

그런 유형의 웹 사이트에 대한 찬성 의견과 반대 의견은 무엇입니까 ???

사전에 여러분 모두 감사합니다 :)

+1

CSS3 선택기입니다. 나는 그것이 아무것도라고 생각하지 않는다. 배경 크기는 커버하도록 설정됩니다. 고정 부착; 중심점까지의 위치. 이 세 가지를 CSS3와 함께 사용하면 그 효과를 얻을 수 있습니다. –

+1

'단일 페이지 웹 사이트'에 많이 사용되는 스타일 – user2466466

+0

좋아, 조금 도움이된다. 고마워요! –

답변

1

사실, 배경은 "고정"되지 않습니다. 수정 된 부분은 <header>입니다.

이 기술은 ... 타 - 다라고 불립니다! 고정 헤더. 또는 Twitter Bootstrap을 사용하는 경우이를 "고정식 Navbar"라고하며,이를 사용하는 웹 사이트에서는 매우 일반적인 구성 요소입니다.

이 키는 position: fixed (눈치 챘을 수도 있음)을 설정하는 것이므로 가능한 한 z-index 값이므로 항상 맨 위에 있습니다.

+0

안녕하세요. 예, 머리말이 고정되어 있습니다.하지만 그 부분을 이해하지만 사용자가 페이지를 아래로 스크롤 할 때 여러 photobackground가있는 단일 페이지 웹 사이트를 만드는 방법이 궁금합니다. 나는 이것이 사용자 경험으로서 매우 효율적이라고 생각한다. 기본 질문에 대해 유감스럽게도 웹 개발에 아직 익숙하지 않습니다. 양해 해 주셔서 감사합니다. –

관련 문제