고대비 모드에서의 배경이미지 샘플페이지

페이지 설명

이 페이지는 고대비 모드가 활성화된 상태에서 Internet Explorer에서 Background-Image로 이미지를 준 요소가 표시되지 않는 문제의 해결방안을 다룹니다.

-ms-high-contrast-adjust 사용 전/후 비교

인터넷 익스플로러로 이 페이지를 켜신 후, Alt+Shift+PrintScreen으로 고대비 모드를 실행하시면 내용을 확인하실 수 있습니다.

주의: 해당 페이지는 Internet Explorer의 이슈에 대한 샘플이므로 반드시 Internet Explorer로 해당 페이지에 접속해주세요.

적용 전

아래의 div영역은 -ms-high-contrast-adjust:none;을 적용하지 않은 이미지입니다.

이곳은 배경이미지 영역입니다. 고대비 모드 사용시 보이지 않습니다.

적용 후

아래의 div영역은 -ms-high-contrast-adjust:none;을 적용한 이미지입니다.

이곳은 배경이미지 영역입니다. 고대비 모드 사용시에도 보입니다.