search

zurb / orbit

454 stars 96 forks source link

opacity in IE not fixing #62

Open endie opened 13 years ago

endie commented 13 years ago

Hi,

First off awesome slider, loving how light it is, I'm just being a bit anal with making it match cross browsers.

I've tried implementing the fix for the opacity in IE (grrr) on the caption background listed on your zurb/playground site but cant get it to work at all (it doesn't seem to work on the demo included in the download package either), if apply the css to orbit-wrapper it works to make the whole images semi transparent but not when I apply it just to the caption. I'm using ie8 and this is the code I have at the moment after A LOT of googling and messing about;

This makes the the caption background completely transparent, and removing the background: transparent makes it solid again. Any help with this would be greatly appreciated, thanks.

utilityboy commented 12 years ago

It would seem that the animation of the caption is breaking the opacity style. I'm going to look into this a little more, but using some css like this:

   lt-ie8 .orbit-wrapper .orbit-caption {zoom: 1; background: #fff; filter: alpha(opacity=50); }

works if you set initialize Orbit with this parameter:

   captionAnimation: 'none'