Javascript Hintergrund abdunkeln
- Ersteller bodo2005
- Erstellt am
mh1001
Lt. Commander
- Registriert
- Nov. 2003
- Beiträge
- 2.039
Hallo,
als standardkonforme Möglichkeit fällt mir spontan ein weiterer Container über dem Hintergrund ein, welchem du einen schwarzen Hintergrund zuweist und diesem dann mit dem CSS3-Attribut "opacity" eine Transparenz zuweist. Alternativ kannst du natürlich auch einen Container mit schwarzem Hintergrund im Hintergrund platzieren und das ganze genau umgedreht realisieren.
Damit der Internet-Explorer das ganze auch mitmacht können dir hierbei dann die Filter-Funktionen weiterhelfen.
MfG mh1001
als standardkonforme Möglichkeit fällt mir spontan ein weiterer Container über dem Hintergrund ein, welchem du einen schwarzen Hintergrund zuweist und diesem dann mit dem CSS3-Attribut "opacity" eine Transparenz zuweist. Alternativ kannst du natürlich auch einen Container mit schwarzem Hintergrund im Hintergrund platzieren und das ganze genau umgedreht realisieren.
Damit der Internet-Explorer das ganze auch mitmacht können dir hierbei dann die Filter-Funktionen weiterhelfen.
MfG mh1001
Zuletzt bearbeitet:
Vielen Dank.
Ich versuche jetzt gerade mühselig die Höhe des Layers zu verändern.
Ich würde gerne, dass die Höhe der Verdunklung gleich der Höhe der kompletten Seite ist, weiß jemand wie das geht? Habs schon mit nem Layer-iD versucht, aber geht nicht.
So sieht das Dokument aus. Weiß jemand, wie ich die Höhe des Divs "d_wrapper" heraus bekomme?
Ich versuche jetzt gerade mühselig die Höhe des Layers zu verändern.
Code:
// id Attribut div-Element verpassen
var Ausrichtung = document.createAttribute("id");
Ausrichtung.nodeValue = "test";
var Element = document.getElementsByTagName("div")[0];
Element.setAttributeNode(Ausrichtung);
var Ausrichtung = document.createAttribute("style");
Ausrichtung.nodeValue = "width:"+window.innerWidth+"px;"+"height:"+window.innerHeight+"px;";
var Element = document.getElementsByTagName("div")[0];
Element.setAttributeNode(Ausrichtung);Ich würde gerne, dass die Höhe der Verdunklung gleich der Höhe der kompletten Seite ist, weiß jemand wie das geht? Habs schon mit nem Layer-iD versucht, aber geht nicht.
So sieht das Dokument aus. Weiß jemand, wie ich die Höhe des Divs "d_wrapper" heraus bekomme?
HTML:
<div>
<script src="test.js" type="text/javascript"></script>
</div>
<div id='d_wrapper'>
</div>mh1001
Lt. Commander
- Registriert
- Nov. 2003
- Beiträge
- 2.039
Dann würde ich es genau umgekehrt machen:
Anschließend kannst du dann per "style" und "getElementById()" die Transparenz des Containers setzen.
MfG mh1001
HTML:
...
<body>
<div id="container">Inhalt ...</div>
</body>
...
Code:
body, html {
margin: 0px;
padding: 0px;
width: 100%;
min-height: 100%;
background-color: #000000;
}
* html, * html body {
height: 100%;
}
#container {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}MfG mh1001
