목록으로

css background-image 오류

초보진짜초보 4년 전 조회 3,975

답변 3

.visual{background-image: url('/img/visual.PNG') no-repeat center; background-size: cover; height: 700px; width: 100%;}

.visual .inner{width: 1200px; margin: 0 auto}

img 폴더에 이미지 들어가 있는거 확인했고, css랑 연결하는 상위링크 확인했고, 다 확인했는데 이미지가 안뜨네요 왜이런걸까요

#h #c

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

정렬:

초보진짜초보

4년 전

이거 질문한 사람입니다:)

이게 braket에서는 정상작동하는데 visual studio code에서는 아예 안되네요,,,,

왜그런지는 아직도 모르겠지만 일단 이렇게 해결되었습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

들레아빠

4년 전

</p>

<p>.visual{

  background-image: url('/img/visual.PNG');

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:700px;

  display:flex;

  justify-content:center;

  align-items:center;

  background-attachment:fixed;

  background-size:cover;

  background-position:50%;

  opacity: .1;

  z-index:-1;

}</p>

<p>

'/img/visual.PNG'는 최상위 디렉토리 /img에 "visual.PNG" 파일이 있어야합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.