IE 7, Javascript прозрачный div onclick

Question

Ну, у меня есть прозрачный div или задан прозрачный фон :) CSS:

#lowerLayer
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: Transparent;
    cursor: help;
    z-index: 1;
}

Элемент div расположен прямо под тегом .. и там у меня есть план макет.

jquery (выполняется в $ (document) .ready):

$("#lowerLayer").click(function() {
    $(this).fadeTo("fast", 0, function() {
        $(this).hide(0);
    });
});

Мой макет отлично работает в Opera 10, и я думаю, что он работает в Opera 9, чтобы ... но слои с ошибками IE 7, имеющие более низкий z-индекс, действуют так же, как и над прозрачным div ...

Answer 1

У меня была такая же проблема с IE7, и я нашел более простое решение. Вместо того, чтобы сделать ваш div прозрачным с помощью css, используйте javascript, чтобы установить его прозрачность.

По вашему примеру:

css style

#lowerLayer {<br> position: fixed;<br> top: 0px;<br> left: 0px;<br> width: 100%;<br> height: 100%;<br> background-color: #000;<br> cursor: help;<br> z-index: 1;<br> }

код JavaScript (например, после загрузки дерева DOM)

document.getElementById("lowerLayer").style.filter = "alpha(opacity=0)";

Answer 2

Простым решением было бы поместить прозрачный div (#lowerLayer) последним в html (непосредственно перед закрытием </body>.

Это известная проблема с некоторыми браузерами (например, IE)

РЕДАКТИРОВАТЬ: как упоминалось в моем комментарии, плагин blockUI обрабатывает все, что вам может понадобиться, если вы хотите замаскировать свою страницу наложением.