Прозрачный оверлейный div позволяет щелкать мышью в IE 7,8

У меня есть div, содержащий элементы формы, и я использую невидимую маску наложения, которая должна закрывать мой контейнер. Но без фона IE 7 и 8 (неправильно) разрешает щелчок.

Решение, которое я нашел, - использовать цвет фона в оверлее div с непрозрачностью 0,1. Это частично работает, но в моем случае элементы контейнера являются сортируемыми элементами, и когда я начинаю сортировку, элементы формы ведут себя странно (только когда я также использую параметр непрозрачности в jquery sortable)

Пример разметки:

CSS:

.cont {
    width: 300px;
    position: relative;
    background-color: #aaa;
    padding: 10px;
    margin: 10px;
}
.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.1;
    filter: alpha(opacity=0.1);
}

Javascript:

$(function() {
    $('.sort').sortable({opacity:0.8});
});

Действует на http://jsfiddle.net/CmU59/4/

Есть ли другие предложения по обходному пути?

5
задан istvan.halmen 29 July 2011 в 09:29
поделиться