Jquery Corner IE issues

[Paul-341]

Hi there,

When using Jquery Corner in Firefox & Safari it works like a charm,
but in IE 7 & 8 I only get four ugly black corners... How can I solve
this: http://www.cornelisdehoutman.nl/futureisnow

[theosoft]

I'm having the same issue.

On another note, I'm curious as to a better way to use this on images.
Currently I'm having to put it as the background image on an element,
but this is no good for resizing.

Thanks.

Chris Coppenbarger

On Oct 14, 8:43 am, Paul <paulverh...@...> wrote:
> Hi there,
>
> When using Jquery Corner in Firefox & Safari it works like a charm,
> but in IE 7 & 8 I only get four ugly black corners... How can I solve
> this:http://www.cornelisdehoutman.nl/futureisnow

[theosoft]

What the corners do is get the background-color of the parent element.
If there is none set on the parent element, it keeps going up until it
finds a background-color.

You can do one of two things. Set a background-color on the parent
element or in the javascript, it allows you to change the background-
color like this:

$('.roundedimage').corner("cc:#fff");

The only problem I have is that I'm attempting this on an <a> tag and
it's not allowing me to text-indent the text.

So, I am going to wrap this in a div with a background color.

Chris

On Oct 21, 8:30 am, theosoft <ccop...@...> wrote:

> I'm having the same issue.
>
> On another note, I'm curious as to a better way to use this on images.
> Currently I'm having to put it as the background image on an element,
> but this is no good for resizing.
>
> Thanks.
>
> Chris Coppenbarger
>
> On Oct 14, 8:43 am, Paul <paulverh...@...> wrote:
>
> > Hi there,
>
> > When usingJqueryCornerin Firefox & Safari it works like a charm,
> > but in IE 7 & 8 I only get four ugly black corners... How can I solve
> > this:http://www.cornelisdehoutman.nl/futureisnow

[dave.methvin]

Right, you can't "corner" an img element because the img element can't
have children. Put the img in a div and round that. Better yet, create
the img src with rounded transparent corners!

[malsup]

Image demo:

http://jquery.malsup.com/corner/image.html


On Oct 21, 12:34 pm, Dave Methvin <dave.meth...@...> wrote:
> Right, you can't "corner" an img element because the img element can't
> have children. Put the img in a div and round that. Better yet, create
> the img src with rounded transparent corners!

[TimP-4]

Hi, just thought i'd share this as i spent a while trying to work it
out,
i'm using the corner plugin to create rounded corners on a dropdown
menu, but ran into a problem where in all versions of IE it was
showing the body background color on the corners of the menu when the
menu was displayed over an image, i fixed it by applying
filter:progid:DXImageTransform.Microsoft.Chroma(Color='#FFFFFF'); to
the element that was having problems.

Cheers,
Tim

On Oct 22, 7:55 am, Mike Alsup <mal...@...> wrote:
> Image demo:
>
> http://jquery.malsup.com/corner/image.html
>
> On Oct 21, 12:34 pm, Dave Methvin <dave.meth...@...> wrote:
>
> > Right, you can't "corner" an img element because the img element can't
> > have children. Put the img in a div and round that. Better yet, create
> > the img src with rounded transparentcorners!