2014-04-15 2 views
1

요컨대, 유연한 레이아웃의 요소에 상대적으로 고정 된 배경 위치가 필요합니다.유연한 레이아웃의 배경 위치 고정

http://devwp.steveforest.com/

그래서 배경은 화면 크기를 변경하면 잘 왼쪽에있는 어두운 회색 사이드에 위치 남아있다. 올바른 위치는 브라우저를 ~ 1920 픽셀 너비로 놓으면 바로 지금과 같습니다.

내가 지금까지 찾은 유일한 방법은 CSS에서 "@media 화면과 (최소 너비 : Xpx)"를 많이 사용하는 것입니다.하지만 꽤 좋지는 않습니다 (내 CSS에서 많은 줄을 사용함). 그리고 완벽하게 유동적입니다. .

더 좋은 방법이 있습니까? 나는 자바 스크립트/jQuery를 사용해도 상관 없다.

+0

절대 배치 된 div에 배치하고 왼쪽 막대와 동일한 비율로 왼쪽을 배치했습니다. backgound를 백분율로 배치하여이 목표를 달성 할 수는 있지만 까다 롭습니다. – jackJoe

답변

0

개인적으로 두 조각으로 배경 이미지를 자릅니다. 오른쪽 조각을 오른쪽에 놓고 왼쪽에 놓고 왼쪽을 왼쪽에두고 오른쪽에 놓습니다.