Internet Explorer removes transparency effect

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Make sure in your layout the container holding gallery, slideshow and
caption div's is set to position:relative (so we have 0,0 grid co-ord
position relative to our slideshows position within the page layout, not
the main default browser 0,0 position)
2. Set the div.embox class to an absolute position that places it over the
slideshow div. Depends upon the height of the #gallery or .content in your css.
3. Give the div.embox class a transparent png as a background

What is the expected output? What do you see instead?
In Firefox etc all is well, the transparency works just fine. But then
there's Internet Explorer. I'm using V7 and for some reason the opacity is
stripped. Not only in caption strip but also the thumbnails.

What version of the product are you using? On what operating system?
The offending browser is IE7 on PC running XP

Please provide any additional information below.

Original issue reported on code.google.com by l...@hybrid-vm.com on 15 Sep 2009 at 11:46

Attachments:

• [Fault Screengrabs copy.jpg](https://storage.googleapis.com/google-code-attachments/galleriffic/issue-30/comment-0/Fault Screengrabs copy.jpg)

[GoogleCodeExporter]

I think I've found a solution to this problem. See: 
http://www.sitepoint.com/forums/showpost.php?p=4722567&postcount=9

Apply the following:

.caption {
background: transparent;
-ms-filter: 
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=
#00FFFFFF)"; /* IE8 */   
filter: 
progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#
00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}

Original comment by sdowney2...@gmail.com on 11 Dec 2010 at 4:54

[GoogleCodeExporter]

i have the same issue. this hack does not work for me!
if i disable javascript on IE7-8 transparencies are shown right.
other hacks?

Original comment by dade8...@gmail.com on 26 Aug 2011 at 1:13