opacity fadeIn ignores div's CSS opacity value #43

Closed
mattbishop opened this Issue Aug 16, 2011 · 3 comments

Projects

None yet

4 participants

@mattbishop

I am using jquery to fade in a mask behind a modal div. Very common. The mask has an opacity of 0.85 set in the CSS, like this:

#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
opacity: 0.85;
background-color:white;
display:none;
}

When I fadeIn() with animate-enhanced, the mask div is 100% opaque instead of 85%.

@mattbishop

I think this is related to #14 and #36.

@Rfvgyhn

I have the same use case and am seeing the same problem.

@fidoboy

Confirmed. Opacity is always set to 1 when using the fadeIn() function for example; even if i've changed that value to .6 on previous line using $('.mydiv').css('opacity',0.6);

@klarstil klarstil added a commit to klarstil/jQuery-Animate-Enhanced that referenced this issue Apr 29, 2012
@klarstil klarstil Fix issue #43. The animation fades now to the css opacity value of th…
…e selector instead of 1
7404364
@benbarnett benbarnett closed this Aug 20, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment