Databases
StackOverflow2013
Postsdbo
POMake an image transparent in IE to show non-transparent background
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMake an image transparent in IE to show non-transparent background
    text
    copied!<p>I'm trying to get this thing to work in IE (any version - works in FF, Opera, Safari, Chrome ...):</p> <p>I have a DIV with a background-image. The DIV also contains an image that should be transparent onMouseOver. The expected behaviour now is that the DIV-background would shine through the transparent image (which it does in all browsers but IE).<br /> Instead it looks like the image is getting transparent but on a white background, I can't see the DIV's background through the image.</p> <p>Here's some code:</p> <pre><code>&lt;div&gt;&lt;a href="#" class"dragItem"&gt;&lt;img /&gt;&lt;/a&gt;&lt;/div&gt; </code></pre> <p>And some CSS:</p> <pre><code> .dojoDndItemOver { cursor : pointer; filter : alpha(opacity = 50); opacity : 0.5; -moz-opacity : 0.5; -khtml-opacity : 0.5; } .dragItem:hover { filter : alpha(opacity = 30); opacity : 0.3; -moz-opacity : 0.3; -khtml-opacity : 0.3; background : none; } </code></pre> <p>All of this is embedded in a Dojo Drag-n-Drop-system, so <code>dojoDndItemOver</code> will automatically be set to the DIV on MouseOver, <code>dragItem</code> is set to the href around the image (using the same class on the image directly doesn't work at all as IE doesn't support "hover" on other items that href).</p> <p>Any ideas? Or is it an IE-speciality to just "simulate" transparency on images by somehow just greying them out instead of providing real transparency and showing whatever is beneath?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload