CSS : 배경 스크롤 유지

문제가 있습니다. 내 CSS 본문 배경은 다음과 같습니다CSS : 배경 스크롤 유지

background: url(../doubletwo.jpg) top center repeat-x #000; 
background-attachment: fixed;

doubletwo.jpg 지금 메신저 시작 내 사이트에 더 많은 콘텐츠를 추가 8px × 580px , 그리고 580px이 종료 된 후에는 색상 # 000를 표시합니다.

배경을 유지하고 싶습니다. 사이트와 함께 스크롤해서는 안되기 때문에, 픽셀이 끝나고 # 000이 표시됩니다. 어떻게 해결할 수 있습니까? 내가 보았 듯이 배경 부착을 시도했다 : 고정; 하지만 그게 옳은지는 잘 모르겠지만 작동하지 않는 것처럼 보입니다.

출처

2010-08-12 Karem

'fixed'가 작동해야합니다. 다른 CSS와 충돌하는 것 같습니까? – qmega

body CSS 선택기에 대한 배경 지식이 있다고 가정합니다. 스크롤하려면 overflow을 설정해야합니다.

이렇게하면 몸이 화면을 넘어서 자라며 몸이 몸 안쪽으로 스크롤됩니다.

출처

2010-08-12 16:18:43

내 브라우저에 폭 스크롤러를 추가했는데 문제가 해결되지 않았습니다. – Karem

If 당신은'overflow : auto'를 사용합니다. 대신 필요할 때만 스크롤 막대를 보여줄 것입니다. 왜냐하면'body '의 오버플로를 전혀 변경하지 않아도됩니다. – qmega

CSS: background image does not fill when scrolling

"저도 같은 문제를 겪고 그것은 성가신입니다. 나를 위해 문제는 내가 HTML 만 CSS를 변경할 수없는, 그래서 추가 된 div를 제거 couldn'y이었다.

예를 들어 브라우저 창 크기가 800px이면 배경이 800px로 설정되므로 배경이 "너비 : 100 % 창을 가로로 스크롤하면 배경이없는 영역이 나타납니다.

문제를 해결할 수있는 또 다른 방법은 레모 배경에서 "너비 : 100 %"를 채우고 "최소 너비 : 900px"로 바꾸십시오. 따라서 배경이 항상 컨테이너와 적어도 동일한 너비가되도록하십시오. 창 크기가 900px보다 작아지면 배경은 항상 컨테이너와 동일하게 유지됩니다. 치료를해라. "

출처

2012-09-04 14:44:07 Ruslan

CSS : 배경 스크롤 유지

답변

관련 문제