Changing the opacity of the body except one element

Asked Apr 02 '16 at 14:25

Active Apr 02 '16 at 14:44

Viewed 1,099 times

I want to make the document opacity 0.5 except for one div. Can any one help me with this? I have tried to do the following:

$("#button").click(function() {
    $("body").css({ opacity: '0.5' });
    $("#DIV").css({ opacity: '1' });
});

edited Apr 02 '16 at 14:27

Rory McCrossan

asked Apr 02 '16 at 14:25

Montaser Qasem

wait. If you set css to body, then all elements will have an effect of it. – Rajaprabhu Aravindasamy Apr 02 '16 at 14:29
`$("body").find("*:not(#DIV)").css({opacity:'0.5'});` You can use this. – Rajaprabhu Aravindasamy Apr 02 '16 at 14:32
3

The `opacity` property applies to the element as a whole, meaning all content will share equal transparency. If you set an opacity to `body`, the `div` will have it as well. Consider an rgba alternative: http://stackoverflow.com/q/13508877/3597276 – Michael Benjamin Apr 02 '16 at 14:32

0 Answers0