이미지를 블록 배경으로 추가하는 방법

-2

누군가 내가 뭘 잘못하고 있는지 이해하도록 도와 줄 수 있습니까? 상단 중앙에 이미지를 추가하고 싶지만 아무 것도 표시하지 않습니다. 여기에 CSS 코드가 있습니다. 감사합니다.이미지를 블록 배경으로 추가하는 방법

div.header { 
    background: url(photo/header.png) no-repeat ; 
    display: block; 
    width: 1002px; 
    height:178px; 
}

출처

2016-11-28 Gevorg Sahabalyan

나에게 잘 보입니다. 그게 효과가있다. 콘솔에 오류가 있습니까? http://output.jsbin.com/gibewipebo –

코드 도움말을 찾는 질문에는 질문 자체에 ** ** [** Stack Snippet **] (https : // blog) **를 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다. .stackoverflow.com/2014/09/introduction-runnable-javascript-css-and-html-code-snippets /). [** 최소, 완전하고 검증 가능한 예제를 만드는 방법 **] (http://stackoverflow.com/help/mcve) –

주석 사람을 읽었습니까? –

(../photo/header.png) 과 같은 이미지 경로를 변경해보세요. 폴더 구조를 만들 수 있나요?. 같은 폴더에있는 html 파일과 사진 폴더입니까?

출처

2016-11-28 17:06:17

html이 kgproject 폴더에 없으며 방금 (kgproject/photo/header.png) 경로가 변경되지 않았습니다. –

그게 잘못 됐어. html 파일과 같은 폴더에 사진 폴더를 복사 해보십시오. –

html 파일이 저장되는 위치와 사진 폴더가 저장되는 위치를 보여주는 폴더 구조를 만들어야합니다. 귀하의 코드에서 HTML 파일과 사진 폴더는 모두 같은 폴더에 있어야합니다. 하지만 UR 경우에는 서로 다른 폴더에 있습니까? –

문제에 대한 추가 정보가 필요하다고 생각합니다. 코드에 오타가있을 수 있습니다. background 또는 background-image 속성을 사용하는 경우 따옴표를 사용해야합니다. 이렇게 : background : url ('photo/header.png') no-repeat;

출처

2016-11-28 17:03:47

나는 이미 그것을 시도했지만 배경 이미지로도이 변경 사항 중 아무 것도 작동하지 않았다. 이 코드가 괜찮 으면 파일이나 디렉토리에 이상이있을 것입니다. 도움 주셔서 대단히 감사합니다. –

이미지를 블록 배경으로 추가하는 방법

답변

관련 문제