은폐 오버 플로우가 작동하지 않습니다.

Question

안녕하세요, 2000px 너비의 이미지를 960px 너비 웹 페이지의 배경으로 사용하고 있습니다. 이미지의 일부가 보이는 것의 오른쪽에있을 때 가로 스크롤 막대를 표시하지 않도록하려고 시도하고 있지만 내가하려고하는 것은 나를 위해 작동하지 않습니다.

두 개의 ID가 관련됩니다. 하나는 배경 이미지를 배경으로하고 원하는 위치에있는 'bg'이며, 다른 하나는 'bg'만 포함하고 보이는 웹 페이지 영역을 깔끔하게 덮기 위해 사용하려고했던 'bg_holder'입니다. 그것의 오버 플로우 그래서 밖으로 튀어 나오고있는 배경 이미지의 부분은 스크롤바를 일으키지 않을 것입니다. 그러나 이것은 보이는 것처럼 보이지 않습니다. 스크롤바는 보이는 웹 페이지의 오른쪽에 이미지의 일부가있을 때 만들어지기 때문에 (그러나 왼쪽에있는 것은 아닙니다).

이 CSS 스 니펫에 문제가 있습니까? 이 스 니펫 외부의 어떤 것이 문제의 원인이 될 수 있습니까? 내가 취할 수있는 또 다른 접근법이 있습니까?

#bg_holder { 
position: absolute; 
overflow: hidden; 
min-width: 960px; 
top: 0px; 
left: 0px; 
right: 0px; 
height: 100%; 

}

#bg { 
background: url(../img/bg.jpg); 
position: absolute; 
height: 1050px; 
width: 2000px; 
margin-left: -1366px; 
left: 50%; 
z-index: -1; 

}

Answer 1

절대적 #bg 배치하여, 당신은/그것의 문서 흐름에서 그것을 가지고, 귀하의 질문에 대답하려면 부모 요소, 너무 오버 플로우입니다 : 숨겨진 효과가 없습니다.

덧글 추가로 #bg_holder에 직접 넣을 때 원하는 위치 (x, y)에 정확하게 배경 이미지를 배치 할 수 있습니다. 별도의 div에 배경을 넣을 필요가없는 것처럼 보입니다. . 내가 알 수있는 한 적어도 나머지 코드는 보지 못했고 정확하게 달성하기를 원하는지를 모릅니다.