pimbolie1979
Mitglied
Hallo Leute,
ich habe einen Slider programmiert der auch schon ganz gut funktioniert. Nun möchte ich über die Bilder ein Textoverlay legen. Hier habe ich jedoch noch probleme mit der Transparenz. Die Positionierung des Overlays funktioniert schon super.
So habe ich das Overlay erzeugt:
Zuerst habe ich einen Div Container erstellt in diesem Div Container befindet sich ein Absatz. Sowohl für den Div Container als auch für den Absatz habe ich CSS Regeln erstellt. Jedoch wenn ich die Transparenz von den Div Container erhöhe (also durchsichtiger gestallte) dann verschwindet auch die Schrift mehr. Genau dies möchte ich aber nicht. Ich möchte das die Transparenz der Div Box unabhängig von der Transparenz der Schrift verändert, sonst kann man die Schrift ja nicht mehr lesen.
Gastgeber-Deutschland
ich habe einen Slider programmiert der auch schon ganz gut funktioniert. Nun möchte ich über die Bilder ein Textoverlay legen. Hier habe ich jedoch noch probleme mit der Transparenz. Die Positionierung des Overlays funktioniert schon super.
So habe ich das Overlay erzeugt:
Zuerst habe ich einen Div Container erstellt in diesem Div Container befindet sich ein Absatz. Sowohl für den Div Container als auch für den Absatz habe ich CSS Regeln erstellt. Jedoch wenn ich die Transparenz von den Div Container erhöhe (also durchsichtiger gestallte) dann verschwindet auch die Schrift mehr. Genau dies möchte ich aber nicht. Ich möchte das die Transparenz der Div Box unabhängig von der Transparenz der Schrift verändert, sonst kann man die Schrift ja nicht mehr lesen.
Code:
#test
{
width: auto;
height: auto;
border: 0px;
padding: 10px;
position: absolute;
top: 10px;
left: 10px;
background-color: #000000;
opacity: 0.10;
z-index: 101;
}
#test p
{
font-family: Verdana, Geneva, sans-serif;
font-size:24px;
color: #FFFFFF;
opacity: 1;
z-index: 102;
display: block;
}
Gastgeber-Deutschland