Как управлять ефектом blur ccs?

Question

[Виталий]

Есть у меня таблица, по нажатию на ее строку вылазит div с длиной в эту строку и чуть ниже под ней

$(document).on('click', 'tr', function (e) {
    var cpossition = $(this).offset();
    var cwidth = $(this).width()
    $('div').offset({top:cpossition.top+25,left:cpossition.left});
    $('div').width(cwidth);
    $('div').show();
})

хочу сделать, чтоб по нажатию на эту строку еще и вся таблица,кроме div, получала эффект blur, потому к коду выше добавляю :
$(’table').addClass('addblur‘)
код класа :

.addblur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}

В результате получаю замыленную таблицу без моего всплывающего divA ,хотя точнее сказать этот div почему то прячется за таблицей(видно по краям силуэт )
Как мне сделать все правильно ?

Comments

[Ivanq]

Приведите полный код или выложите на jsfiddle

[Дмитрий Пыркин]

может z-index поможет

Answer 1

[syler222]

Див не должен находиться внутри таблицы с классом «addblur».