점보 트론 배경 이미지가 표시되지 않습니다.

모든 것을 시도했지만 이미지가 여전히 표시되지 않습니다. Ubuntu을 사용하십시오.
html 폴더에 Myproject이라는 폴더가 있습니다. Myproject에서 나는 내 이미지가있는 Images이라는 두 개의 폴더가 있고 모든 CSS 파일은 stylesheets입니다.
점보 트론 배경 이미지가 표시되지 않습니다.

이 내 CSS 코드 : 나는 다음의 모든 코드를 시도

.jumbotron{ background: url('../Images/image1.png');}

.jumbotron{ background-image: url('../Images/image1.png');} 
.jumbotron{ 
    background-image: url(../Images/image1.png); 
    -webkit-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    background-size: 100% 100%;}

이 저를 도와주세요. 감사합니다.

출처

2014-12-17 fakhruddin tahery

로컬 컴퓨터의 내 웹 페이지에서 다음 코드 조각과 잘 작동하는 것 같습니다. 학급의 특수성을 확인하십시오. 또한 이미지 URL이 올바른지 확인하십시오.

URL이 해당 조건에서만 작동하므로 CSS 폴더와 Images 폴더가 같은 위치에 있는지 확인하십시오.

.jumbotron{ 
background-image: url('../ipadvertical.png'); 
}

출처

2014-12-17 09:58:18 AngularHarsh

CSS와 Images 폴더는 모두 같은 디렉토리에 있습니다. –

동일한 URL이 내 컴퓨터에서 제대로 작동하는 것 같습니다. 이미지가 제대로로드되고 있습니다. 왜 JSFiddle 같은 것을 통해 코드를 공유하지 않는가? 귀하의 문제에 대한 폭 넓은 이해를 제공합니다. 이미지가로드되고 있지만 크롬 콘솔을 통해 표시되지 않는지도 확인하십시오. – AngularHarsh

어떤 순서로 CSS 파일을로드합니까? 부트 스트랩 CSS 이후에 사용자 정의 CSS가로드되고 있거나 덮어 쓸 수 있는지 확인하십시오.

출처

2014-12-17 09:58:43

그 적절한. 내 사용자 정의 CSS가 부트 스트랩 CSS 뒤에로드됩니다. –

문제가 해결되었습니다.
Ubuntu의 이미지에 Permission을 할당하는 데 문제가있었습니다.

출처

2014-12-17 10:14:41

아. 승인! 알아 둘만한. – AngularHarsh

-1

.jumbotron{ background: url(../Images/image1.png);}

CSS가 부트 스트랩 이후에로드되었는지 확인한 후 이미지가 제공된 위치에 있는지 확인한 후 올바르게 사용하십시오.

출처

2017-09-11 20:55:27 SAM96

이것은 정확히 질문과 똑같은 코드입니다. 맞습니까? – neeh

전혀 (../Images/image1.png) 여기서 작은 따옴표가 제거되었습니다. – SAM96

Jumbotron에서 배경 이미지를 얻지 못했지만 견적 (')을 삭제 한 후 원하는 결과를 얻었습니다. – SAM96

점보 트론 배경 이미지가 표시되지 않습니다.

답변

관련 문제