2016-06-25 2 views
1

컨테이너 div에 텍스처 배경을 설정하려고합니다. 내 CSS는 아래와 같습니다 :컨테이너에 텍스처 배경을 설정하는 데 도움이 필요합니다. div

.container { 
    background-image: url(..img/texture-one.png) repeat; 
} 

내 문제는 이미지가 나타나지 않는다는 것입니다. 내 HTML에 img 태그를 만들면 이미지가 동일한 경로를 사용하여 표시됩니다.

+0

는 ../image 대신 ..image의 의미하지 않는다? 또한, 이렇게하면 컨테이너가 이미지를 기준으로 자동 크기 조정을하지 않으므로 높이/너비 특성 등을 추가해야합니다. –

+0

.container가 선언 된 CSS 파일 (또는 html 파일)에 대한 URL인지 확인하십시오. – ToddBFisher

답변

1
.container { 
    background-image: url("img/texture-one.png"); 
    background-repeat: repeat-y; 
} 
0

아마도 이미지 링크 주위에 따옴표를 추가 하시겠습니까?

.container { 
    background-image: url("img/texture-one.png"); 
} 
0

HTML 코드도 표시 할 수 있습니까?

컨테이너 안에 요소를 플로팅 한 경우 컨테이너 높이가 0이므로 아무 것도 볼 수 없습니다. 이 경우 컨테이너에 overflow: auto;을 사용해야합니다.

0

배경 이미지은 이미지 경로 만 가질 수 있습니다.

background-image: url|none|initial|inherit;

배경 여러 배경 속성에 대한 축약 형이다.

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

그래서 당신이 필요합니다

.container { 
    background: url(..img/texture-one.png) repeat; 
} 
관련 문제