Transparente PNG in ein div-tag nicht mit alpha?

Ich habe eine seltsame Problem, während Anfang an CSS zu lernen. Diese ist eine test Seite. Es hat ein großes transparentes PNG Abdeckung der hintergrund Farbe solid blue.

In der Regel das schwarz-Bild (mit transparenten Löchern) komplett schwarz meine Hintergrundfarbe.

In diesem Beispiel-Seite ich das Bild das div-transparent, nur um zu sehen, wenn der hintergrund noch arbeiten.

Irgendwelche Ideen, warum mein alpha ist immer komplett ignoriert?

Danke an alle.

InformationsquelleAutor WACOMalt | 2011-05-29

  1. 4

    Es ist, weil auf .backgrounddiv Sie haben background-color eingestellt #000. Stattdessen transparent zu beheben:

    .backgrounddiv {
    position:absolute;
    background-color: transparent;
    background-image:url(POCTransparentBG.png);
...

    InformationsquelleAutor Marcel

  2. 1
    .backgrounddiv {
    position:absolute;
    background: transparent url('POCTransparentBG.png');
}

    dies ist der richtige css.

    InformationsquelleAutor Sujit Agarwal

  3. 0

    Ich sah an Ihrer Seite, und es scheint, wie das div mit dem Hintergrundbild (backgrounddiv) ist gestaltet, um auch einen schwarzen hintergrund (#000). Wenn Sie entfernen die:

    background-color: #000;

    Aus deiner Quelle, es sieht so aus, wie Sie möchten!

    InformationsquelleAutor Terraflubb

Schreibe einen Kommentar