Seite abdunkeln?

Status
Nicht offen für weitere Antworten.
Mit dem Opacity-Filter wird der Hintergrund nicht abgedunkelt, sondern transparent eingestellt.

0 = totale Transparenz

1 bzw. 100 = keine Transparenz
 
Er setzt den Hintergrund seiner Divs auf eine dunkle Farbe und wendet dann Transparenz auf die Divs an.

HTML:
 background-color: #353535;
 
Hier mal ein hergeleitetes Beispiel, wie es chris4712 in etwa hinbekommen hat ;)

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_ThoRr</title>

<style type="text/css">
<!--
* {
margin:0;
padding:0;
}

html,body {
height:100%;
}

body {
background:#fff;
color:#000;
}

#LoadMessage {
background:#353535;
color:#fff;
filter:alpha(opacity=90);
-moz-opacity:.9;
opacity:.9;
position:absolute;
left:0px;
top:0px;
z-index:5;
width:100%;
height:100%;
text-align:center;
}
-->
</style>

</head>
<body>

<div id="LoadMessage">LoadMessage</div>

<p>some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text some dummy text</p>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück