Logos als .png mit Transparenz - die wird aber nicht angezeigt. Was tun?

Elfenwolf

Hallo zusammen, ich bin schier am Verzweifeln. Ich habe mehrere Logos als .png mit transparentem Hinterrgund erstellt. Wenn ich den Beitrag bearbeite und das Bild einfüge, wird die Transparenz auch angezeigt. Ebenso bei lokal auf meinem Rechner liegenden html-Seiten. Sobald ich aber den Beitrag ins Blog einstelle, bekommt das Bild einen abgedunkelten Hintergrund. Das kann aber eigentlich nicht am Bild selber liegen. Ich habe auch verschiedene Browser ausprobiert, immer mit dem gleichen Ergebnis. Daran liegts also auch nicht. Hat jemand eine Idee? Zu finden ist das Logo im ersten Beitrag auf meiner Website unter http://www.elfenwolf.de - über Antworten würde ich mich freuen. Gruß, Micha

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

wenn du den Rahmen meinst, dann

wp-content/themes/matala/style.css

Code

/* =Post Images & Attachments
-------------------------------------------------------------- */


div.attachment {
	[COLOR="#FF0000"]background: url("images/bg-image.jpg") no-repeat center bottom;[/COLOR]
    margin: 0 auto 10px;
    padding-bottom: 10px;
    text-align: center;
	width: auto;
}
div.attachment img {
	[COLOR="#FF0000"]border: 5px solid #dacdab;[/COLOR]
	padding: 1px;
}
div.attachment a,
div.attachment a:hover {
	[COLOR="#FF0000"]background: url("images/bg-image-link.jpg") no-repeat center top;[/COLOR]
	display: block;
	padding-top: 15px;
}

Alles anzeigen

Elfenwolf

Zitat von Art of Pic

wenn du den Rahmen meinst, dann
wp-content/themes/matala/style.css

Der Rahmen ist doch "border", oder? Ich meine das grau hinterlegte/gefüllte "Viereck", das das eigentliche Bild umschließt.

alchymyth

der hintergrund kommt meiner meinung nach von:

Code

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.post-thumbnail {
 background: #e2dbd1;
 border: 1px solid #d1bfa6;
 max-width: 100%;
 margin-bottom: 8px;
 margin-top: 8px;
 padding: 3px;
}

Alles anzeigen

Tutrix

grau hinterlegt ist bei mir nichts
grau hinterlegt nur der total veraltete IE, da er die Transparenz nicht darstellen kann oder nur über Scripte bzw. extra CSS Definitionen

Anbei ein Bild mit dem Rahmen, den ich meine

Elfenwolf

Zitat von alchymyth

der hintergrund kommt meiner meinung nach von:

Code

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.post-thumbnail {
 background: #e2dbd1;
 border: 1px solid #d1bfa6;
 max-width: 100%;
 margin-bottom: 8px;
 margin-top: 8px;
 padding: 3px;
}

Alles anzeigen

Genau das wars! Super, danke!

alchymyth

der dank gebuehrt dem Firefox' web developer add-on - wirklich ein gutes werkzeug um solche formatierungsprobleme zu durchschauen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Logos als .png mit Transparenz - die wird aber nicht angezeigt. Was tun?

Jetzt mitmachen!

Benutzer online in diesem Thema