Ohne Javascript, kann ich ein div style das aktuelle Dokument einschließlich seiner Ränder zu verschleiern?

StackOverflow https://stackoverflow.com/questions/870237

  •  22-08-2019
  •  | 
  •  

Frage

es kann getan werden, mit Hilfe von Javascript, aber mit CSS allein ist es möglich, einen div um Stil genau ein beliebige Seite des Dokumentinhalt oder Ansichtsfenster zu überlappen (eine opake graue Schicht auf der Seite anzuwenden)? da eine Seite kann für sie Körperelement haben Spielraum, so ein div auf die Breite seines Körperelement Styling geht nicht. (Muss in IE 6 arbeiten)

War es hilfreich?

Lösung

Wenn Sie eine <div> wie folgt aus: 

<div id="cover"></div>

Diese Stile sollte es tun: 

#cover {
    background-color: #ccc;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

auf einer Seite geprüft, wo der Körper einen Spielraum hat und er das gesamte Ansichtsfenster für mich auf IE und FF abgedeckt.

Andere Tipps

height: 100% wird das Ansichtsfenster nicht decken, wenn Dokumentlänge geringer als die Höhe des Ansichtsfensters. In diesem Fall müssen Sie Javascript verwenden.

wäre es betrügen IE Fähigkeit verwenden Sie Javascript in CSS ausführen? 

width:expression(document.body.clientWidth)
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top