jQuery Corner for Image on Firefox Issue

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
cohq82
Forum Commoner
Posts: 43
Joined: Mon Apr 21, 2008 8:38 pm

jQuery Corner for Image on Firefox Issue

Post 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.
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: jQuery Corner for Image on Firefox Issue

Post 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;
}
cohq82
Forum Commoner
Posts: 43
Joined: Mon Apr 21, 2008 8:38 pm

Re: jQuery Corner for Image on Firefox Issue

Post by cohq82 »

Got it. Thanks
Post Reply