Thanks for your help guys... I succeeded to get the fade to work in
IE. The thing is when the efect begin. The page background is visible
for maybe a tenth of a second on IE. Which is very ugly. Any idea on
how i can avoid that?
On 29 Juli, 19:07, ahmetalpbalkan <[EMAIL PROTECTED]> wrote:
> Try to set a background-color for that element (not the font; div or
> table..) It'll work in IE...
>
> I think IE6 has no anti-aliasing property. IE has lots of bugs. I
> haven't ever had problems with scriptaculous and prototype on Firefox.
>
> I think you can't do this with another solution.
>
> On 29 Temmuz, 18:30, Florian Feichtinger <[EMAIL PROTECTED]> wrote:
>
> > hi,
>
> > I've had the same issue with a link on a plain background to fade in.
> > I've fixed that with a workarround to fade from the background color to
> > the visible font color. So it seems like in fades in. The font geht also
> > broken even its on opacity 1.... between 0.1 and 0.9 the font looks
> > terrible on ie.
>
> > I'm curious about experience and maybe a solution by other users.
>
> > Cheers,
> > Florian
>
> > morre95 schrieb:
>
> > > Yes i know my English is bad. But i hope you understand me anyway...
> > > I´am trying to get a lightbox to work properly with IE. I´am trying to
> > > get the background display with Effect.Opacity(). Like this:
> > > displayLightbox: function(display){
> > > $('lightbox').style.display = display;
> > > if(display != 'none') {
> > > this.displayOverlay(display);
> > > this.loadInfo();
> > > } else {
> > > new Effect.Fade('overlay', { duration: 0.4,
> > > afterFinish: function()
> > > { $('overlay').hide(); }});
> > > }
> > > },
>
> > > displayOverlay: function(display){
> > > $('overlay').setStyle({
> > > display: display,
> > > opacity: 0.0
> > > });
>
> > > if (browser == 'Internet Explorer'){
> > > $('overlay').setStyle({
> > > height: $('overlay').getHeight(),
> > > width: $('overlay').getWidth:(),
> > > display: 'inline-block'
> > > });
> > > }
> > > new Effect.Opacity('overlay', {duration:0.4, from:0.0,
> > > to:0.8});
> > > },
>
> > > the css part:
> > > #overlay{
> > > position:absolute;
> > > top:0;
> > > left:0;
> > > width:100%;
> > > height:100%;
> > > z-index:5000;
> > > background-color:#000;
> > > }
>
> > > In Firefiox it works but in IE the entire page blinked a few times and
> > > then it appears with the lightbox in it... I hope you understand my
> > > bad English but i dont know how to explain it in English otherwise.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
