Page 1 of 1

jQuery Corner for Image on Firefox Issue

Posted: Tue Apr 28, 2009 3:52 am
by cohq82
Can someone help to point out why this http://www.malsup.com/jquery/corner/image.html does not show up correctly in Firefox? Top corners are not rounded.

Thanks.

Re: jQuery Corner for Image on Firefox Issue

Posted: Tue Apr 28, 2009 6:50 am
by kaszu
Since image is after the top corners in the markup and z-index is not applies to none of the layers, then all layers are rendered in order as they appear in markup.
Add following to your CSS:

Code: Select all

.jquery-corner {
    position: relative;
    z-index: 1;
}

Re: jQuery Corner for Image on Firefox Issue

Posted: Tue Apr 28, 2009 12:49 pm
by cohq82
Got it. Thanks