Transparenter texthintergrund mit Html/css

...komplette Frage anzeigen

1 Antwort

Für moderne Browsermit CSS3:

background-color: rgba(255,255,255,0.5);

Für IE 5-8 und andere ältere Browser:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;

Bei der opacity ist zu beachten, dass diese dann auch für den Inhalt dieses Elementes gilt. Heißt die Schrift ist dann auch halb durchsichtig.

Noch eine Alternative wäre, ein halb durchsichtiges PNG zu erstellen (muss ja nur 1*1px groß sein) und das dann als Hintergrundgrafik zu verwenden.

Was möchtest Du wissen?