Onmouseover Opacity Layer кроме выделенного блока

Кажется, я понял.

$('#IDyouWant').on('mouseenter',function(){
    $('body').prepend('<div class="curtain"></div>'); // add a layer in front of everything
    $('#IDyouWant, .tableHighlight').css({'z-index':'10'}); //brings section and highlighted element to front.
}).on('mouseleave',function(){
   $('.curtain').remove(); // remove layer
   $('#IDyouWant, .tableHighlight').removeAttr('style'); //remove z-index from section and highlighted element
});

и css для .curtain

.curtain {
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    background:#FFF;
    opacity:0.8;
    z-index:9;
}

Скрипки:

http://jsfiddle.net/5Y3Hf/1/

ОБНОВЛЕНО:

Помните, что элемент, который должен быть перед всем, должен иметь свойство position в css. это может быть любая позиция, в моем примере это position:relative; , но вы должны установить position для работы z-index