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

ios - UITEXTFIELD InputView Uipicker not working in swift -

Hatching array of circles in AutoCAD using c# -