• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Hilfe mit opacity auf meiner Seite

TheTrashinger

Neues Mitglied
HeyHo,

Ich möchte eine kleine Statische Seite machen, wo ich den Hintergrund habe, danach wird der Hintergrund durch einer durchsichtigen Box (opacity 0.2) etwas verdekt, und danach nochamal von einer Box (opacity 0.4) mit dem Inhalt und dem Text verdekt.
Beispiel Webseite:
Hier
Das möchte ich bei dieser Seite auch machen (So ähnlich):
Hier (Das ist auch die Seite wo ich das Problem Habe)

Hier habe ich den Script Code von der Html datei:
HTML:
<html>
<head>
<title>Burning-Multigaming</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<center>
<a href="http://www.burning-multigaming.net/forum/"><img src="headder.png" alt="Forum = "Burning-Multigaming.net | Headder"></a><br>
<div class="inhalt-bg">
    <div class="inhalt">
            <div class="text">
                Webseite im Aufbau!
            </div>
    </div>
</div>
</center>
</body>
</html>

Und hier von der CSS datei:
PHP:
body {
    background-color: #444444;
    font-family: Verdana;
    color= #FFFFFF;
    background: url(hintergrund.jpg) no-repeat right top;
}
div.inhalt-bg{
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: black;
    color: #CDCDCD;
    padding: 10px;
    max-width: 880px;
    width: auto;
    height: auto;
    font-family: Verdana;
    opacity: 0.2;
}
div.inhalt{
    border-color: black;
    border-width: 1px;
    border-style: solid;
    background-color: black;
    color: #CDCDCD;
    padding: 10px;
    max-width: 840px;
    width: auto;
    height: auto;
    font-family: Verdana;
    opacity: 0.4;
}
div.text{
    color: #CDCDCD;
}
img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

Mein Problem ist:
Die erste Box funktioniert einwandfrei, jeodch wenn ich eine Weitere Box machen möchte, wird diese nicht angezeigt sowie wenn ich mit meiner div.text einen Text schreiben will, wird dieser Auch Transparent -.-

Kann mir jemand sagen woran das liegt, sowie beim Problem helfen?

Danke im Vorhinein :D
Mit freundlichen Grüßen
TheTrashinger
aka. Christian
 
Werbung:
Wo findet man die Box in dieser Forenansicht? Oo

Mit der Forenansicht wollte ich ein Beispiel machen, wie es aussehen sollte, mit den Verschieden Transparenen boxen.
Jedoch bekommen ich es nicht hin bei meiner Seite so ähnlich darzustellen, weil die 2. Box nicht dargestellt wird, sowie der Text transparent bleibt.
[Der Inhalt im Forum (Wo die beiträge sind) ist nicht so Transparent, der wo keine Beiträge/Themen sind, ist es Transparenter]
 
Zuletzt bearbeitet:
Werbung:
Habe es geschafft selbst zu erledigen!
Lösung:
Ich habe anstatt von opacity, background: rgba(0, 0, 0, 0.15); genommen.
 
Zurück
Oben