-MS-AJUSTE DE AJUSTE DE CONTRASTE EN IE9

Question

Uno de nuestros archivos CSS utiliza -ms-high-contrast-ajuste: ninguno para asegurarse de que algunas características de fondo aparezcan incluso en modo de alto contraste.Funciona bien en IE10 y IE11.Ahora estamos tratando de abrir el mismo CSS a IE9, y obviamente no es compatible.

¿Cuál es el equivalente de la propiedad -MS-High-Contraste - *** bajo IE9?¿Hay alguna otra forma de engañar al navegador para no cambiar las características con el ajuste de "modo de alto contraste"?

Answer 1

no hay un equivalente.

observaciones
La característica de medios -MS-High-Contrast se introdujo en Windows 8.

es para IE10.

Puede probarlo con las consultas de medios como:

@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/en- EE.UU. / Library / Windows / Aplicaciones / HH465764.ASPX

Algunos desarrolladores lo usan para apuntar a IE10 con consultas de medios:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* i-love-ie */
}

PS, este es un tipo de Freaky, desea que un navegador obligue a un sistema operativo para que se muestre de una manera específica, o se muestra de una manera específica sobre el sistema operativo.

[HOLD ON]

Acabo de encontrar este artículo de Steve Faulkner: http://blog.pacielloGroup.com/2010/01/High-Contrast-Proof-css-sprites/

sprites CSS usando el archivo ANTES: Pseudo Elemento

Una alternativa a la implementación de Sprites CSS utilizando el Traditonal El método de fondo-imagen está disponible y resuelve el problema de Imágenes que no se muestran en modo de alto contraste. Esta alternativa El método hace uso del CSS antes: Pseudo Element (Nota: la siguiente: También se podría utilizar el elemento pseudo). Ejemplo:

Enlace con un icono de inicio y texto con colores de visualización predeterminados. Enlace con Un icono de hogar y texto con los colores de alto contraste de 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>

No tengo tiempo para probarlo. Pruebe y vuelva a nosotros para que pueda "corregir" esta respuesta si es necesario.