jQuery Bulldozes Other IE Filters When Assigning Opacity

[anewpage.media@…]

Steps to Reproduce:

Assign a background gradient to an element in your external CSS, like so:

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff0000', EndColorStr='#ffffffff');

On the same element, set a moderate opacity:

$(elem).css('opacity', '0.5');

Your gradient will disappear.

---

Steps to Fix:

1. Use elem.currentStyle['filter'] to see the full filter list
2. If the Alpha filter isn't already applied, add to the filter list (space- or comma-delimited)
3. If it does exist previously, modify via elem.filters["DXImageTransform.Microsoft.Alpha"].opacity = Number_between_0_and_100

[anewpage.media@…]

Fiddle: ​http://jsfiddle.net/brianblakely/22Nac/16/

[lrbabe]

Here is a pull request, also fixing #8401 ​https://github.com/jquery/jquery/pull/256

[Rick Waldron]

Can you add some unit tests for this?

[john]

Landed.