views:

40

answers:

1

jQuery has opacity correction when you use css method (lines 4592-4608 on jQuery 1.4.2):

    // IE uses filters for opacity
    if ( !jQuery.support.opacity && name === "opacity" ) {
        if ( set ) {
            // IE has trouble with opacity if it does not have layout
            // Force it by setting the zoom level
            style.zoom = 1;

            // Set the alpha filter to set the opacity
            var opacity = parseInt( value, 10 ) + "" === "NaN" ? "" : "alpha(opacity=" + value * 100 + ")";
            var filter = style.filter || jQuery.curCSS( elem, "filter" ) || "";
            style.filter = ralpha.test(filter) ? filter.replace(ralpha, opacity) : opacity;
        }

        return style.filter && style.filter.indexOf("opacity=") >= 0 ?
            (parseFloat( ropacity.exec(style.filter)[1] ) / 100) + "":
            "";
    }

I've started extending this behaviour to turn css 3 selectors multi browser compatible (using a lot of recipes that the Compass framework implements).

Is there a project that already does this?

+1  A: 

There are various projects that cover different aspects of CSS3. AFAIK there's no decent unified project.

I'm currently using: http://plugins.jquery.com/project/2d-transform

for CSS3 transforms. I can't really feel comfortable recommending other projects at this time.

There's also: http://plugins.jquery.com/project/corners

Mark
Corners is great. Its solution for borders is copied on Compass.
Daniel Ribeiro