Corner background in IE

Hi kabor,
Are you sure that you're using the 2.0 version? Also, can you provide a direct link to the site so I can do a little more troubleshooting.

I am also having this problem. Is there a fix? Should I roll back to a prev version or update to the dev version? Is there a way to set the corner background color in IE?

FF looks good.

Interesting, i'm having this problem too, and not even on a Drupal site. I'm using jquery.corner.js version 2.10, i set this code: $(".helpiconholder").corner();
and it looks great in FF but in IE 8 and 7 it shows black corners instead of transparent.

I tried removing all other javascript as as removing all unnecessary CSS from the targeted element with the same result.

My temporary fix/hack:

In jquery.corner.js I modified line 145 from:

        strip.style.borderColor = cc || gpc(this.parentNode);

to:

        strip.style.borderColor = '#fff' || gpc(this.parentNode); 

This works fine for me because I just have a solid white background. Thus i don't really NEED it to try to be transparent, just for it to blend.

I hope this helps in one way or the other.

better yet perhaps would be to change line 101 from:

		var cc = ((o.match(/cc:(#[0-9a-f]+)/)||[])[1]);  // corner color

to:

		var cc = '#fff';  // corner color

It looks like it's not finding the background color correctly- in my case anyway. Technically by "background color" i'm referring to left and right border color which it builds the apparent rounded corners' background color out of.

I had the same issue, the following plugin worked for me: http://blue-anvil.com/jquerycurvycorners/test.html

hi Vivian,

Did you integrate with the rounded corners module or hand code? A few pointers as to how I could replace rounded corners if I can't get it to work would be really helpful.

Thanks in advance.

Rich

p.s. I read somewhere that this script produces 'rounder' corners, from the examples this looks to be the case!

Hi Rich

I used my own code in the theme layer

The jquery plugin this module uses is the cause of the problem

Not sure about the "rounder" corners? the corners produced by the plugin I used were round enough for me and the client didn't complain

Vivian,

Thanks for the reply. I tried various options here and all resulted in the same problem. I have had to solve the issue at the theme too.

thanks

Rich

I'm getting the same background problem, it's minor but annoying.

It's not minor I think. The correct visibility in all browsers is basic. I get the black square corners. In a previous site with the same rounded corners version it's working perfect!

How can I fix it? Is there a solution?

I was having the same problem & I put this in my css:

.jquery-corner div {
border-color: #yourBackgroundColor !important;
}

Important overwrites the border color used by the script, which is white.

This way IE8 & IE7 will render fairly good...
I'm using borders BTW, and it looks, not perfect, but fine.

Hope that helps.

The solution of hacking the background-color it's not possible for me because I have an image as background.

It's frustating because in another site the corners are working ok, so maybe a specific module is causing the error.

IE outputs an error:
Unexpected call to method or property access and it sayd it's in line 155 of jquery.corner.js (bot ? this.appendChild(d) : this.insertBefore(d, this.firstChild)).

I've commented this line out and it has deactivated the rounded corners for ie, but not for firefox or chrome. For my design it's better not having rounded corners than having black ugly corners. So as Firefox and Chrome are working as expected, I think I'll leave it this way.

I hope this error gives someone a clue on what's happening!