CSS가 이미지를 표시할 수 없는 경우 수행할 작업

CSS가 이미지를 표시할 수 없는 문제에 대한 해결 방법: 1. CSS 호출이 성공했는지 확인합니다. 2. div 설정이 잘못되었는지 확인합니다. 3. 배경 이미지 호출 경로를 확인하고 수정합니다. 5. 요소 이동 블록 속성을 설정합니다. 6. 동일한 이름의 CSS 클래스 스타일로 덮어쓰기되었는지 확인하고 수정합니다.

이 문서의 운영 환경: windows7 시스템, css3 버전, Dell G3 컴퓨터.

CSS에서 설정한 배경 이미지가 표시되지 않는 이유

1. CSS가 호출되지 않습니다

CSS 호출이 성공했는지 확인하기 위한 것입니다.

2. 잘못된 div 설정으로 인해 배경 이미지가 너무 높게 표시될 수 있습니다.

3. 배경 이미지 호출 경로가 잘못되었습니다.

css에서 배경을 .div로 설정합니다. backgroud:url('1.jpg ');}, CSS가 올바르게 작성되었는지 확인하세요. 사진이 잘못된 위치에 저장되어 있기 때문일 수 있습니다. 그림을 넣어야 하며, 그림과 함께 html 파일을 함께 넣어야 합니다. backgroud:url('1.jpg');

4 배경 요소에는 너비와 높이가 없습니다.

요소에 너비와 높이가 없으면 배경을 표시할 수 없습니다. 배경은 요소를 확장하지 않습니다. 배경 크기를 설정합니다.

div 상자에는 콘텐츠가 없으므로 너비와 높이를 설정해야 합니다.

5. 요소에 블록 속성이 없습니다.

블록 속성이 없는 요소에 설정된 높이와 너비는 유효하지 않습니다. 그래서 사진이 표시되지 않습니다.

6. 같은 이름을 가진 CSS 클래스의 스타일로 재정의되었습니다.

배경 표시 이미지를 설정하기 위해 앞에 .bg라는 이름이 있고, 그 다음에 .bg라는 이름을 붙이고 배경 표시 색상을 설정한다고 가정해 보겠습니다.

이때 CSS 스타일 배경 속성을 보려면 콘솔을 열어야 합니다(F12 키 누르기).

더 자세한 HTML/CSS 지식은 CSS 동영상 튜토리얼 칼럼을 참고해주세요!

위 내용은 CSS가 이미지를 표시할 수 없는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!