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 중국어 웹사이트의 기타 관련 기사를 참조하세요!