Hallo,
Ich würde gerne eine Kopfzeile gestalten. in der das Hauptelement Transparenter ist als das Element links und rechts?
CSS Code
Code:
.All.Kopfzeile
{
background-color: lightskyblue;
opacity: 0.2;
width: 800px;
height: 50px;
margin-top: 20px;
}
.All.Kopfzeile.Bild{
opacity: 0.8;
float: right;
}
.All.Kopfzeile.Suchmaske{
opacity: 0.9;
float: left;
}
HTML-Code:
<div Class="All Kopfzeile">
<img src="Picture/Hauptbild.PNG" width="150px" height="50px"
Class="Bild">
<form style="float: right;" Class="Suchmaske">
<p>
<label for="text">Suche</label>
<input type="text" id="text">
</p>
</form>
</div>