title: IE apply 2 filters on image AlphaImageLoader and alpha(opacity=60)
body: <p>How can I apply 2 filters on a image, I apply one like this:</p>
  
  <pre><code>&lt;img id="theId" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale');" src="images/myimage.png"&gt;
  </code></pre>
  
  <p>How to apply </p>
  
  <blockquote>
    <p>filter:alpha(opacity=60);</p>
  </blockquote>
  
  <p>as well ? If I do:</p>
  
  <pre><code>&lt;img id="theId" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale');alpha(opacity=60);" src="images/myimage.png"&gt;
  </code></pre>
  
  <p>It does not work.</p>
  
  <p>I've found a solution working on all IE(7+) and browsers: put the img in a div and apply transparancy to the div:</p>
  
  <pre><code>&lt;div id="DIVIMG_myimage" style="opacity:0.6;width:100%;filter:alpha(opacity=60);"&gt;&lt;img id="IMG_share_icon" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png', sizingMethod='scale') ;" src="myimage.png"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Then to change the image opacity, just have to change the div DIVIMG_myimage opacity...same result. :-)</p>