즉 CSS 배경 이미지가 표시되지 않는 경우 수행할 작업

ie CSS 설정 배경 이미지가 IE 브라우저에서 지원하지 않는 CSS 속성을 사용하기 때문에 CSS 배경 이미지가 표시되지 않습니다. 이전 브라우저에서는 축약 속성이 지원되지 않기 때문에 개별 속성을 별도로 사용하는 대신 축약 속성을 사용하는 것이 해결책입니다. .가 더 잘 지원되며 입력하는 데 필요한 문자 수가 더 적습니다.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

웹페이지 작성 후 CSS로 설정한 배경 이미지가 IE 브라우저에서 표시되지 않는 경우가 종종 있습니다. 왜 CSS로 설정한 배경 이미지가 IE 브라우저에서 표시되지 않나요?

IE 브라우저에서 CSS로 설정한 배경 이미지가 표시되지 않는 이유를 살펴보겠습니다.

IE 브라우저에서 CSS 설정이 표시되지 않는 이유는 배경 이미지 설정 시 사용된 CSS 속성이 지원되지 않기 때문입니다. IE 브라우저로.

배경 이미지를 설정할 때 rgba 속성을 사용하여 배경 이미지의 색상과 투명도를 설정합니다.

예:

background: url(../images/in_bon_02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

이 때 IE 브라우저에서는 배경 이미지가 표시되지 않을 수 있습니다.

rgba 소개:

rgba 색상 모드는 RGB 모드에 알파 투명도가 추가된다는 점을 제외하면 RGB와 동일합니다.

설명:

RGBA(R,G,B,A)

값:

R: 빨간색 값. 양의 정수 | 백분율 G: 녹색 값. 양의 정수 | 백분율 B: 파란색 값. 양의 정수 | 백분율 A: 알파 투명도, 0과 1 사이의 값.

IE6.0-8.0은 투명성을 달성하기 위해 rgba 모드 사용을 지원하지 않습니다. IE 필터 처리를 사용할 수 있습니다.

일반적으로 개별 속성을 개별적으로 사용하는 것보다 약어 속성을 사용하는 것이 좋습니다. 축약된 속성은 이전 브라우저에서 더 잘 지원되고 입력해야 하는 문자가 더 적기 때문입니다.

【추천 학습: css 동영상 튜토리얼】

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