-ms-high-contrast-explicent IE9에서 동등한 조정
-
21-12-2019 - |
문제
CSS 파일 중 하나는 -ms-high-contrast-adjust : none 을 사용하여 일부 배경 기능이 높은 대비 모드에서도 나타나는지 확인하십시오.IE10 및 IE11에서는 잘 작동합니다.이제 우리는 IE9에 동일한 CSS를 포트하려고 노력하고 있으며 분명히 지원되지 않습니다.
IE9의 -MS-High-Contrast - *** 속성과 동일한 것은 무엇입니까?브라우저를 "고 대비 모드"설정으로 변경하지 않도록 브라우저를 속이는 다른 방법이 있습니까?
해결책
동등한 것이 아닙니다.
비고
-ms-high-contrast media 기능이 Windows 8에서 도입되었습니다.
IE10의 경우입니다.
다음과 같은 미디어 쿼리로 테스트 할 수 있습니다.
@media screen and (-ms-high-contrast: active) {/* ... */}
@media screen and (-ms-high-contrast: black-on-white) { /* */ }
@media screen and (-ms-high-contrast: white-on-black) { /* */ }
.
http://msdn.microsoft.com/ko 미국 / 도서관 / 윈도우 / 앱 / HH465764.aspx
일부 개발자는 IE10을 미디어 쿼리로 대상으로 사용합니다.
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* i-love-ie */
}
.
PS, 이것은 일종의 괴물입니다. 브라우저가 특정 방식으로 표시되거나 OS를 통해 특정한 방식으로 표시하도록 강제로 브라우저를 원합니다.
[HOLD ON]
방금 Steve Faulkner 에서이 기사를 찾았습니다. "nofollow"> http : //blog.paciellogroup.com/2010/01/high-contrast-propproof-cssprites/
CSS Sprites 이전 : 의사 요소
TRADITATONAL을 사용하여 CSS 스프라이트 구현 대안 배경 이미지 메소드가 가능하며 문제를 해결합니다. 이미지가 높은 대비 모드로 표시되지 않습니다. 이 대안 메소드는 이전에 CSS를 사용합니다. 의사 요소 (참고 : 다음 : 의사 요소를 사용할 수도 있음). 예 :
기본 디스플레이 색상으로 홈 아이콘과 텍스트가있는 링크. 링크 홈 아이콘 및 Windows 높은 명암 색이있는 텍스트.
CSS
span.test1:before {
margin-right: -10px;
content: url(icons.png);
position:relative;
left:-2px;
top:-109px;
}
span.test1 {width:17px;
height:18px;
display:inline-block;
overflow:hidden;}
.
html
<a href="#"><span class="test1"></span>Home</a>
.
나는 그것을 테스트 할 시간이 없다. 그것을 시도하고 우리에게 돌아와 필요할 경우이 대답을 '수정'할 수 있습니다.