Wie man die Hintergrundfarbe eines Divs in CSS transparent macht

Ich'm nicht mit CSS3. Also kann ich die Attribute opacity oder filter nicht verwenden. Wie kann ich ohne diese Attribute die Hintergrundfarbe eines div transparent machen? Es sollte so ähnlich sein wie das Textfeld-Beispiel in diesem Link. Hier ist die Hintergrundfarbe des Textfeldes transparent. Ich möchte dasselbe machen, aber ohne die oben genannten Attribute zu verwenden.

Derek 朕會功夫
Bearbeitete Frage 19. Juli 2015 в 12:16
Programmierung
html css background-color transparent
4. August 2012 в 8:57
13 Aufrufe

Das Problem mit der "Deckkraft" ist, dass sie sich auch auf den Inhalt auswirkt, was oft nicht erwünscht ist.

Wenn Sie nur wollen, dass Ihr Element transparent ist, ist es wirklich so einfach wie :

background-color: transparent;

Aber wenn Sie es in Farben haben wollen, können Sie verwenden:

background-color: rgba(255, 0, 0, 0.4);

Oder definieren Sie ein Hintergrundbild (1px mal 1px), das mit dem richtigen alpha gespeichert wird.
(Verwenden Sie dazu Gimp, Paint.Net oder ein anderes Bildbearbeitungsprogramm, das dies ermöglicht.
Erstellen Sie einfach ein neues Bild, löschen Sie den Hintergrund und fügen Sie eine halbtransparente Farbe ein, dann speichern Sie es im png-Format).

Wie [René] (https://stackoverflow.com/users/449444/rene-geuze) schon sagte, wäre es am besten, beides zu mischen, mit dem rgba zuerst und dem 1px mal 1px Bild als Ausweichmöglichkeit, wenn der Browser kein Alpha unterstützt:

background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);

Siehe auch : http://www.w3schools.com/cssref/css_colors_legal.asp.

Demo : [Mein JSFiddle](http://jsfiddle.net/APSnL/68/)

Jerska
Bearbeitete Antwort 4. August 2017 в 12:20
Kommentare (2)
Lösung

Die Deckkraft gibt Ihnen Transluzenz oder Transparenz. Siehe ein Beispiel [Fiddle hier][1].

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */

Hinweis: dies sind KEINE CSS3-Eigenschaften

Siehe http://css-tricks.com/snippets/css/cross-browser-opacity/

Adrien Be
Bearbeitete Antwort 24. Februar 2014 в 11:35
Kommentare (12)

transparent ist der Standard für Hintergrundfarbe.

http://www.w3schools.com/cssref/pr_background-color.asp

Kommentare (2)