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--td14375829s27240.html

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-Corner-plugin-on-images-tp18243456s27240p18243456.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Reply via email to