[CSS] Block Farbe etwas durchsichtig und wie?

[Tim Lorens]

-

1234567890

 

[NetAktiv]

Mach dir mal eine Seite und dann addiere einen Bereich <div class="test"></div> und definiere den Style

div.test {
    position:absolute; 
    top:100px; left:100px; width:200px; height:100px; 
    background: blue;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=33); 
    filter:alpha(opacity=33); 
    opacity:0.33;
}

oder Such mal nach 'CSS opacity'

 

[Tim Lorens]

Danke vielen Danke

 

[threadi]

Für transparente Bereiche gibt es mehrere Möglichkeiten:

a) ein transparentes Hintergrundbild. Muss nicht mal sehr groß sein, 1x1 Pixel reicht. Hauptsache es enthält die von dir gewünschte transparente Farbe.
b) CSS3 unterstützt rgba-Angaben: background-color: rgba(0,0,255,50); - unterstützt jedoch bisher nur ein Bruchteil der Browser.
c) ein Element kann mittels opacity (für moderne Browser) bzw. filter() (für den IE) transparent gemacht werden. Nachteil: das macht nicht nur den Hintergrund sondern auch den Inhalt transparent. Um das zu umgehen, müsste man 2 Elemente erstellen. Eines was die Transparenz beinhaltet und eines, welches die Inhalte enthält. Ersteres müsste dann absolut positioniert werden, so dass es hinter dem zweiten Element liegt.

Meine Empfehlung: mit a) ist man auf der sicheren Seite.

Die Variante von NetAktiv ist c) ohne Berücksichtigung der Inhalte des Elements. Damit machst Du alles transparent was in dem Element liegt.

 

[struppi]

1234567890

Das ist natürlich voll nett, allen zu spät gekommen den Stinkefinger zu zeigen, anstatt die Frage

 

[Tim Lorens]

Das egal Closen plz

 

[Marv]

@Tim Lorens,

Ich glaube, das ist nicht der Sinn eines Forums, dass Beiträge sofort nach der Antwort gelöscht werden,
sonst hätte man auch einen privaten Chat nehmen können.

Wichtig ist doch auch, dass die Themen archiviert werden, damit Personen bei gleichen Problemen auch in älteren Threads noch eine Antwort finden.