Support for rgba animations in jquery.color

[ericw]

rgba-values in color css attributes allow firefox 3 and safari 3 to have transparent colors. it would be great to be able to animate them with jquery using the jquery.color plugin.

[mdawaffe]

[4561] tries to partially address this but doesn't work.

In Safari 3, transparent is denoted as 'rgba(0, 0, 0, 0)'. [4561] makes getRGB() aware of this, but not getColor(), so every transparent element in Safari 3 is treated as white in jquery.color (getColor() never traverses up the parent hierarchy).

The attached adds full transparency support and full RGBA support.

Transparency is detected in getColor(), and we don't fallback to white until getRGB().

RGB colors are encoded as 3 element arrays as before, and RGBA colors (when encountered) are stored as 4 element arrays.

Conversion from RGB to RGBA colors is handled automatically (e.g. when animating from '#00ff00' to 'rgba(255,0,0,0.5)'). Conversion from RGBA to RGB for the sake of browsers that don't understand RGBA is never done; it is not allowed (see note at ​CSS3 Color Module).

[mdawaffe]

RGBA support for jquery.color

[pixeline]

mmh, that doesn't work for me: the element background animates to white instead of transparent even after this patch. (using firefox 2 on winxpSP2)

[JosephPecoraro]

A patch was added over a year ago. Its still relevant today, due to Safari/WebKit returning rgba() by default. Any reason this hasn't been updated? Or if its because things don't work properly should I take a look at it? (I personally modified mine to make it work).

[dmethvin]

This is not a jQuery core bug. Please report plugin bugs to the plugin's author, or ask on the jQuery forums. jQuery UI bugs should be reported on the UI bug tracker, ​http://dev.jqueryui.com .