IE 7, Javascript transparent div Onclick

Question

Nun, ich habe eine transparente div oder der Hintergrund transparent gesetzt :) css:

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

Die div .. rechts unter dem Tag gelegt und unter dort ich habe ein Layout.

jquery (dies wird in $ laufen (document) .ready):

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

Mein Layout funktioniert perfekt in Opera 10 und ich denke, es ist in Opera funktioniert 9 ... aber IE 7 Fehler Schichten, wie sie über dem transparenten div handeln hat unterer z-index sind ...

Answer 1

Eine einfache Lösung, die transparent div (#lowerLayer) zuletzt in dem hTML-Code (kurz vor der Schließung </body>.

zu platzieren wäre Es ist ein bekanntes Problem mit einigen Browsern (IE zum Beispiel)

EDIT: wie in meinem Kommentar erwähnt, behandelt die blockUI plugin alles, was Sie jemals brauchen, wenn Sie Ihre Seite mit einem Overlay maskieren möchten.

Answer 2

Ich hatte das gleiche Problem mit IE7 und fand einfachere Lösung. Anstatt Ihre div transparent mit CSS verwenden, verwenden Sie Javascript, um seine Deckkraft einzustellen.

Ihrem Beispiel folgend:

css Stil

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

Javascript-Code (zB nach dem DOM-Baum geladen wird)

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