ChavezArquitectos / curvycorners

Automatically exported from code.google.com/p/curvycorners
0 stars 0 forks source link

firefox4 issues #103

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago
1. set div background to transparent png

2. apply corner class

3. view in firefox-4

4. recoil in horror

In ff-3.6 and chrome, corners are antialiased and look great, regardless of the 
antiAlias parameter's value, and regardless of the div background.

In ff-4, corners are not antialiased at all when applying a transparent png 
background to the div, regardless of the antiAlias parameter's value. 

If the div uses a solid background, antialiasing works (on when antiAlias: 
true, off when antiAlias: false), though it looks different still from ff3 and 
chrome.

Original issue reported on code.google.com by chris.ha...@gmail.com on 15 Jan 2011 at 6:07

GoogleCodeExporter commented 8 years ago
Interestingly, this only seems to be a problem when applying the corners via 
javascript in the page header. If I use the CSS properties, the issue appears 
to go away.

Original comment by chris.ha...@gmail.com on 15 Jan 2011 at 6:12

GoogleCodeExporter commented 8 years ago
When CC loads using the CSS invocation method it will not round the corners if 
the browser supports CSS3 border-radius, letting the browser perform the effect 
natively. The only browsers where CC has to do anything is Internet Explorer 
and some versions of Opera. The idea of this script is to fill the gap in 
browser support for CSS3 border-radius.

If you use the JavaScript invocation method it will apply curvy corners to all 
browsers regardless of their support for CSS3.

Curvy Corners does have issues with PNG transparencies, so for more consistent 
a better results you should always use the CSS invocation method,

Original comment by camsoft2...@gmail.com on 16 Jan 2011 at 12:01