Setting opacity fails in jQuery 1.1

Setting opacity in jQuery 1.1 fails with the following error:

Error in parsing value for property 'opacity'. Declaration dropped.

Here's the code:

$('#element').css({
    filter: 'alpha(opacity=60)',
    '-moz-opacity': 0.6,
    opacity: 0.6
});

This code worked in jQuery 1.0.3.

Attachments (0)

Change History (3)

I forgot to mention, I'm on Firefox 1.5.0.9.

Also, in the meantime, I'm using the following workaround:

$('#element').css({
    filter: 'alpha(opacity=60)',
    '-moz-opacity': 0.6
})[0].style.opacity = 0.6;

This is not the preferrable method for obvious reasons. :-)

Interesting, this also worked:

$('#element').css({
    filter: 'alpha(opacity=60)',
    '-moz-opacity': '0.6',
    opacity: '0.6'
});

Note: the values 0.6 are strings ("0.6") instead of floats (0.6). That's annoying ...

Fixed in SVN, we were accidentally appending a 'px' to the opacity number.

Side navigation