фильтр: оттенки серого (100%) в IE 11 для изображений

Question

Я искал по всему интернету, но не нашел решения.

Кто-нибудь может сказать, что является альтернативой для css3 filter и для transistion3d в IE 11 и IE 12?

Я не хочу использовать плагины.

Не для SVG я хочу для <img> тега

Answer 1

Вы можете попытаться добавить два вида изображений: одно - исходное изображение, а другое - изображение в градациях серого.Затем, используя div для отображения этих изображений.примерно так:

<style>
    .grayscale {
        background-image: url('images/Image1.jpg');
        background-size: cover; /* <------ */
        background-repeat: no-repeat;
        background-position: center center;
    }

        .grayscale:hover {
            background-image: url('images/imag1_gray.PNG') ;
            background-size: cover; /* <------ */
            background-repeat: no-repeat;
            background-position: center center;
        }
</style>
<div class="grayscale" style="width:500px; height:500px">
</div>

результат примерно так:

В моем варианте я предпочитаю использовать какой-нибудь плагин JQuery,как это .

Answer 2

Поскольку фильтр не поддерживается в IE11 - то есть, например, такие хаки, как this Однако он должен был бы включать большое количество JS, видимых здесь , что означало бы написание определения браузера в JS иБольше.-