CSS의 이미지를 표시할 수 없는 경우 해결 방법

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

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "css 동영상 튜토리얼"

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 키 누르기).

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