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
Post a Comment