배경 CSS 문제 - 반복하지 않음

빠른 질문이 생겼습니다. 내 배경이 페이지 전체에서 반복되도록하려면 어떻게합니까? 나는 CSS 반복을 시도했다, 그것은 어떤 이유로 작동하지 않습니다.배경 CSS 문제 - 반복하지 않음

#main_container{ 
    background:url(../images/cb.jpg) top left repeat; 
    margin:0 auto; 
    padding:100px 0 150px 0; 
    z-index:9999; 


body{ 
    background-color:#000; 
    color:#fff; 
    padding:0 0 0 0; 
    margin:0 0 0 0; 
    width:100%; 
    display:table; 
    overflow-x:hidden; 
    position:relative; 
}

출처

2012-11-29 makalele

그나마 여기하시기 바랍니다 코드를 추가 후 링크를 유지! – jtheman

Jeans Cloth가 배경과 같은 것을 의미하면 Chrome에서 저에게 효과적입니다. 평균 페이지보다 긴 패딩을 사용했기 때문에 – nirazul

이 작동합니다. – makalele

표시되는 문제가 # 개가 main- 때문에 컨테이너가 전체 페이지를 채우지 못하면 페이지의 전체 높이만큼 페이지를 확장해야합니다. 왜 당신은 사용하고 있습니까

body { display: table }

당신의 CSS에? 나는 브라우저를 혼동시킬 수 있고 어떤 의미를 갖지 않아서 제거 할 수 있습니다 ...

쉬운 대안은 그 대신에 body 태그에 배경 이미지를 넣는 것입니다.

그렇지 않으면 당신은 항상 당신의 # 메인 컨테이너에 CSS를 추가 할 수

#main_container { 위치 : 절대; 상단 : 100x; 하단 : 0; 여백 : 0 자동; }

하고 body { position: relative; }

출처

2012-11-29 08:06:31 jtheman

하지만 페이지 크기가 화면에서 화면으로 변경됩니까? 나는 그것을 고정시키고 싶다. – makalele

나는 그것이 문제라고 말한다. 그것은 3000 * 2200과 같이 전체 화면에 맞도록 새로운 배경 이미지를 만든다. 또는 이미지를 늘립니다. – Vucko

정말요? 아니, 난 그림 배경 그림을 사용하고 싶지 않아 – makalele

당신은 background-repeat 사용할 수 있습니다

이

#main_container{ 
    ... 
    'background-repeat:repeat;' 
}

그것은 당신이 넷스케이프를 사용하지 않을 경우 귀하의 브라우저에서 작동하거나 같은 smthn합니다 ^^

출처

2012-11-29 07:55:36

w3schools는 신뢰할 수없는 출처이므로 http://w3fools.com/을 참조하십시오. 또한 CSS의 특수성을 무시하기 위해 인라인 스타일을 사용하지 않아야합니다. – Sphvn

@ Asad의 편집 공백 위 내 의견. – Sphvn

더 나은 참조는 MDN 일 수 있습니다. https://developer.mozilla.org/en-US/docs/CSS/background-repeat –

배경 CSS 문제 - 반복하지 않음

답변

관련 문제