Faire une image en niveaux de gris avec du css dans IE11 cours d'exécution en mode Quirks

J'ai besoin de convertir des images colorées sur un document interne de l'héritage de l'application web en niveaux de gris. J'ai pensé que le plus simple serait d'utiliser les filtres CSS. Les utilisateurs de cette application d'accéder via IE11 en raison d'une Stratégie de Groupe. Cette demande doit également être exécuté à l'aide de Bizarreries (IE5) mode de document, sinon des choses folles se produisent (des problèmes de rendu, le javascript ne fonctionne pas, etc).

J'ai essayé le code suivant (ainsi que le code de ici, ici, et ici)

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}

avec aucun effet. Compte tenu de ces critères (IE11 en cours d'exécution avec IE5 mode de Document), est-ce que je peux faire pour obtenir ces images en niveaux de gris, et si oui, comment?

remarque: la refonte de l'application pour travailler avec des technologies plus modernes n'est pas actuellement financés, et ne sera pas dans l'avenir.

remarque: la conversion de chaque image à niveaux de gris à l'aide de scripts et l'enregistrement de la sortie est également pas une option, car il y a des millions d'images disponibles.

Lien vers exemple qui montre coloré logo Google: https://jsfiddle.net/bq2mw5ya/2/

  • Pouvez-vous peut-être poster un Plunker ou d'autres exemple de code? Si il n'y a rien de mal avec votre CSS, alors peut-être il ya quelque chose de mal avec votre code HTML 🙂
  • si le filtre:gris; est dernier & IE à l'aide de IE5 (en mode quirks), il fonctionne si activex sont autorisées à s'exécuter, sinon il ne se passe rien d'essai codepen.io/anon/pen/MyYmEw en bas à droite, cliquez sur exporter, sélectionnez zip et exécutez ensuite le fichier local avec la même config que votre site
InformationsquelleAutor Zymus | 2016-02-29
  1. 5

    en fait je tourne mon commentaire comme une réponse pour le retour de l':

    IE filtre spécifique devrait se tenir en dernier, donc il n'est pas annuler par un autre.

    Activex doit également autorisé à exécuter

    et bien sûr, il devrait être dans le caprice de mode ...

    img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
}
    • On dirait que tous les avais-je besoin de la dernière ligne, cette application ne supporte pas de rien, mais IE11+IE5 de toute façon. Merci pour l'info.
    • qu'en est IE11 pas en quirks mode?
    • malheureusement, microsoft ne semble pas avoir d'autres options ....
    InformationsquelleAutor G-Cyr