>  기사  >  웹 프론트엔드  >  배경 이미지가 로딩되지 않는 문제를 해결하는 방법

배경 이미지가 로딩되지 않는 문제를 해결하는 방법

一个新手
一个新手원래의
2017-09-19 10:26:453987검색

HTML로 웹 페이지를 작성할 때 외부 CSS 스타일 시트를 웹 페이지에 연결했습니다. 배경색, 패딩, 여백 등은 모두 정상적으로 작동했지만 배경 이미지가 작동하지 않고 가끔 작동하지 않습니다. 화가 났어요. background-image:url(""absolute path""); 만 표시할 수 있지만 절대 경로를 작성하는 것은 강력히 권장하지 않습니다. 이러한 현상이 나타나는 이유는 무엇입니까?
**

참고: CSS 스타일 시트에 작성된 background-image:url(이미지의 경로는 CSS 스타일을 추가하는 웹페이지에 대한 상대 경로가 아니라 이 CSS 파일의 상대 경로입니다. 보통 생각);

**
예: 현재 디렉터리에는 index.html 및 css 폴더(포함: css.css)와 이미지 폴더(top.jpg 포함)가 있습니다
잘못된 생각과 쓰기 : background-image: url("images/top.jpg"); ———————————–>>>
올바른 사고와 글쓰기 방법: background-image:url(“../images/top.jpg”);————————————>이미지 경로는 상대 경로로 작성해야 합니다 css .css 파일의 경로
여기서 ../는 상위 디렉터리를 나타내며, 현재 디렉터리를 나타내는 ./는 쓰지 마세요.
이 문제는 오랫동안 저를 괴롭혔습니다. 오늘은 요약해서 상기시켜 드리겠습니다. ! 아직 모르셨던 분들도 이해해주셨으면 좋겠습니다!

위 내용은 배경 이미지가 로딩되지 않는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.