Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 17.09.2020, 19:01
bernadette bernadette ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.09.2020
Beiträge: 3
bernadette befindet sich auf einem aufstrebenden Ast
Frage Unterschiedliche Durchsichtigkeit von Elementen

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>

Mit Zitat antworten
Sponsored Links