Hello everyone,
A fix has been found, so I hope the developer reads this in case it
helps.
Here's a quote from the guy that worked it out:
"jQuery Corners was inserting static child elements to the divs that
needed corners, assuming
that these would overlay the background of the containing div. However
for
the images and menu, it is child elements of the div that actually
cause the
background. And these child elements appear later in the DOM than the
top
corners (which have negative margin-bottom) do, hence covering them
up. To
fix this, you can just add the following CSS:
.jquery-corner { position: relative; }"
So, there you go.
Hope it helps someone else.
On Jul 2, 7:32 pm, MarmaladeToday <[EMAIL PROTECTED]>
wrote:
> Hi, I've been having problems in Firefox 3 and Opera 9.5 when I try to use
> the excellent corner plugin as per this
> example:http://www.malsup.com/jquery/corner/image.html
>
> I found the example via an earlier discussion show
> here:http://www.nabble.com/rounded-corners-on-images-with-jquery--td143758...
>
> The problem I get is that the rounded corners do not get applied to the top
> of the image, only to the bottom. You can see this when looking at that
> example in Firefox 3 and Opera 9.5.
>
> On a sidenote I had a similar problem (though inverted) in IE7 where rounded
> corners were applied to the top but not the bottom. I had been dynamically
> assigning the width and heights for the css of the wrapping element via
> jquery, e.g.:
> $("#feature .imgBox").css("height", $("#feature .imgBox img").height());
>
> For IE7 I resolved this by getting jQuery to set the heights to auto on the
> wrapping imgBox.
>
> I've also found that the corner plugin seems to have problems when the image
> is floated. The solution has been to unfloat and then, after calling the
> corner method, reapplying the float.
> --
> View this message in
> context:http://www.nabble.com/problems-in-Firefox-3%2C-Opera-9.5-with-jQuery-...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
