javascript - Turn objects/controls to black and white -


in ie8 there function called dx filter, provides various multimedia-style visual effects web page.

most of them can replaced css there's still 1 that's killing me. it's xray filters, following syntax :

<!-- div target container image.  -->         <div id="odiv" style="position:absolute; left:270px; color:tan;" >    image - >        <img src='/workshop/graphics/earglobe.gif' /> </div> <button onclick=" odiv.style.filter=    'progid:dximagetransform.microsoft.basicimage(xray=1)'"> show xray</button><br/> <button onclick="odiv.style.filter=''">clear filter</button><br/> 

it can make controls/objects : buttons, tab headers, images ... turn x-ray images, example :

<html>     <head></head>     <body>        <button type="button">i'm normal</button>        <button type="button" style="background-color:black;color:white">i turned x-ray</button>        <br />     </body>  </html>

but since ie-10, function not available anymore.

how can achieve effect's result in ie-11 using css , javascript?

the invert filter not supported in ie 11. believe use svg filter though supported in ie10+. however, svg not supported in ie8 if trying support older versions of ie might require separate markup in conditional comments (or alternate approach).


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -