Frage von dulanggsicht, 35

html, css farbe durchsichtiger machen?

Wie kann ich hier die intensität der Farbe einstellen? von weiss in dem fall

/* Positionierung zentral, Textausrichtung / margin: 2px auto; margin-top:50px; text-align:left; / Größe / width:1200px; / Rahmen festlegen: 2 Pixel breit, blau / border:2px solid #0000FF; / Farbe */ background-color: white

Antwort
von DarkKeks, 22

Hi dulanggsicht,

meinst du Transparenz? Das wäre dann der Wert opacity. Müsstest ein div über die Komplette Seite erstellen und in dieses div mit einer a class den restlichen Code packen. Dann gibst du dem div die Farbe deiner Wahl und einen Opacity-Wert von 0( nicht sichtbar) bis 1 (voll Sichtbar) mit auf den Weg.

Beispiel:

<div id="block"> Deine HTML Stuff
</div>
#block { background: #CCC;
filter: alpha(opacity=60);
/* IE */
-moz-opacity: 0.6;
/* Mozilla */
opacity: 0.6;
/* CSS3 */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }

Eine andere Methode wäre ein weißes Bild als Hintergrund zu wählen welches schon den gewünschten Opacity-Effekt besitzt, dass würde dann auch anstandslos in allen Browsern Funktionieren

Gruß und Viel Erfolg

Keks

Antwort
von threadi, 20

Was verstehst Du unter Intensität? Du kannst mit den Hexadezimal-Codes wie #0000FF eine Farbe definieren. Wie das geht ist hier z.B. beschrieben:
http://www.webmasterpro.de/coding/article/css-referenz-farben.html#goto-farben-a...

Antwort
von FaTech, 10

Webocton Scriptly, ein Programm um ein solches Script zu schreiben, unterstützt Farbauswahl und Transparenz... Usw. Das nutze ich selber und es ist gut. Ich will nicht sagen, das du umsteigen sollst, aber das Programm sollte dir vielleicht die Möglichkeit geben, dir eine Farbe auszusuchen

Antwort
von BeerenFischer, 4

Du nimmst einfach statt Hexadezimalen Codes den rgba-Code:

rgba(255, 255, 255, 0.5) 

Ist weiße Farbe mit 50-Prozentiger Intensität.

Antwort
von jukodanijel, 10

Einfachste Lösung :

#id_selector { // oder .class_selector

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

}

Der letzte Parameter ist die Transparenz. Wenn es 1 ist, ist der Hintergrund eine volle und feste Farbe.

Antwort
von RakonDark, 18

https://www.mediaevent.de/css/transparenz.html

 opacity: 0.5;

bedenke das die elemente drinne die gleiche transparence haben .

Kommentar von threadi ,

.. und deswegen ist das nicht in jedem Fall die passende Lösung. rgba() wäre besser geeignet.

Kommentar von RakonDark ,

jo, steht auch im artikel drinne

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten