배경 : CSS의 URL이 작동하지 않습니다.

저는 CSS가 처음인데 누군가 내가 잘못하고있는 것을 이해하는 데 도움이되기를 바랍니다. 내가 보여줄 이미지를 얻으 려하고 있지만, 내 페이지에 표시하는 것을 거부해도 상관 없다. 누군가 내가 잘못하고있는 것을 나에게 설명해 줄 수 있습니까?배경 : CSS의 URL이 작동하지 않습니다.

이미지 저장 번호 : Users/NenaH77/assignment/images/sitebg.jpg.

CSS 파일이 아래에 저장됩니다 ../images를 가짐으로써 Users/NenaH77/assignment/css/style.css

body{ 
    background: url('../images/sitebg.jpg') no-repeat top top #31b8ea; 
    }

나는 폴더에 저장된 이미지가 2 레벨과 내 CSS를 폴더로 이동하는 이유는 내 이미지를 내가 이해하지 못하는 가정 줄 알았는데해야 아마 먼저 배경 색상을 넣어 :(

출처

2013-08-02 AMHD

을 그리고 html 파일은? – Musa

@Musa HTML 파일의 위치는 중요하지 않습니다. CSS 파일 내에서 상대 URL을 참조 할 때 페이지가 아닌 CSS 파일과 관련됩니다. –

연결 관계가 정상입니다. 귀하의 상황은 다른 지점에서입니다. 사용자 MrSlayer가 포인트를 얻었습니다. 귀하의 .css 선언이 유효하지 않습니다. 이 문제로 시작하여 문제가 해결되지 않으면 다시 돌아 오십시오. –

당신은 ~~필요 표시되지 않습니다.~~

body { background: #31b8ea url('../images/sitebg.jpg') no-repeat top }

슬레이어가 올바른 대답을 주셨습니다.

출처

2013-08-02 19:22:23

이것은 사실 진술이 아닙니다. 배경색을 먼저 지정할 필요는 없습니다. – Quantastical

Color는 ** 처음에는 필요 없습니다 ** [편집되었으므로 이제 코드는 정상이지만 중복됩니다 ... 그리고 색상은 여전히 시작에있을 필요가 없습니다 .. 문제는 ' 최고 상단 선언] – gmo

글쎄, 난 빌어 먹을거야. –

귀하의 CSS 배경 선언은 잘못되었습니다

top top이 top 또는 top left 또는 다른 valid combination of positions해야한다.

시도 :

body { 
    background: url('../images/sitebg.jpg') no-repeat 0 0 #31b8ea scroll; 
}

출처

2013-08-02 19:22:52 Quantastical

맨 위를 제거하고 맨 위로 변경했지만 작동하지 않는다. – AMHD

백그라운드 속성을 장시간 표기법 (예 :'background-image : url ('. ./images/sitebg.jpg '); background-repeat : no-repeat; ...') 어떤 속성이 작동하지 않는 것인지 정확하게 파악할 수 있는지 확인하십시오. 문제를 디버깅하는 방법을 알면 어떻게하면 그 문제에 대해 CSS는 작동하거나 새로운 언어를 사용합니다. – Quantastical

올라가 2 개 수준이

background: url('../../images/sitebg.jpg') no-repeat top top #31b8ea;

출처

2013-08-02 19:31:17 Vector

내 이미지가 여전히 그다지 나지 않았습니다. 나는 더 많은 레벨로 올라갈 수 있다는 것을 몰랐습니다.이를 염두에 두어야합니다. 감사합니다. – AMHD

이 작동하지. 바이올린 here을 볼 수 있습니다.

body { background: url(../../img/image.jpg) no-repeat center center; background-size: cover;}

이것은 또한 두 가지 수준을 차지하게됩니다 ...

출처

2013-08-02 19:37:06 webfrogs

모두 감사합니다.나는 모두의 제안을 시도했지만 여전히 운이 없다 : ( – AMHD

라이브 사이트에 대한 링크를 게시 해 보시지 않으시겠습니까?이 파일을 서버에 업로드 할 수 있습니까? 이 라이브는 훨씬 쉬울 것입니다. – webfrogs

배경 : CSS의 URL이 작동하지 않습니다.

답변

관련 문제