IE 8 shadow and matrix filter clash

[nyfer]

Hey guys am trying to add shadow and matrix filter (to rotate)

here is html

     <div id="main">
 <img src="//i.imgur.com/dEM0KGG.png" id="image">
  <div id="secd">
   <iframe src='//www.hdfcbank.com' height='350' width='350' frameborder='0'       border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>
 </div>
 </div>

js shadow filter

    $('#main').css('filter','progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=27    0,strength=10)'+'progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10)');

Here is Jsbin link for IE8

whenver i apply shadow or matrix filter the iframe content disapears. let me know if am doing anything wrong

[Author]

Posts