Zum Inhalt springen

jpg transparent in html


-nPrCrZ

Empfohlene Beiträge

Hi,

kann HTML keine transparenten jpg's darstellen? mit gif's funzt es ohne probleme, aber bei jpg's hab ich immer einen weißen Hintergrund. würde mir auch reichen, wenns mit png gehn würde, aber da hab ich einen grauen hintergrund!?

Ich habe noch ein 2. Problem.

Meine HTML Seite hat ein hintergrund-bild, und an einer bestimmten stelle einen iframe. Der iframe ist transparent, so dass man den hintergrund durchsieht. kann man den iframe so formatieren, dass der hintergrund rot-transparent ist? also dass man schon das bild sieht, nur eben etwas rot hervorgehoben.

mfg

Chris

Link zu diesem Kommentar
Auf anderen Seiten teilen

1. In JPG-Bildern kann man keine Transparente Farbe definieren.

Nur PNG und GIF sind Formate die man üblicherweise im Web benutzt um mit Transparentz zu arbeiten

2. Transparenter iframe? :confused: Ich nehme stark an, dass der eingebette Frame das gleiche Hintergrundbild hat wie der Rest der Seite.

ich schätze mal du arbeitest bei dieser geschichte mit dem "Alpha-filter: Opacity" per css.

hast du versucht einfach die background-color des iframes auf rot zu setzen? (css)

Falls der Iframe kein Background-color unterstützt, kannste du ja noch ein div dazwischen packen und das auch mit transparenz und backgroundcolor ausstatten.

eine weitere Möglichkeit wäre, einfach ein 1px Gif zu erstellen das "Halb-Transparent-Rot" ist und dies dann als background-image für den Iframe reinpacken

Link zu diesem Kommentar
Auf anderen Seiten teilen

Transparenz von PNG hat sich bisher bei mir sehr problematisch gestaltet (wenn man auf den IE Rücksicht nehmen will):

1. Wenn das Bild bespielsweise eine Transparenz von 30% hat, ignoriert der IE diese komplett. Andere Browser (Mozilla und Ableger sowie Opera haben damit keine Probleme.

2. Bei transparenten Bereichen (100%) hat der IE auch nicht ordentlich funktioniert und die transparenten Bereiche weiss dargestellt, obwohl eine Hintergrundfarbe vergeben war.

Info: Bilder erstellt mit The Gimp.

Live-Demo: Menü auf meiner HP (siehe unten).

Link zu diesem Kommentar
Auf anderen Seiten teilen

Erst mal danke für die schnellen Antworten.

Das mit dem transparenten frame funktioniert so:


<iframe src="frame.html" ... allowtransparency="true" background-color="transparent"></iframe>

und in der frame.html

<body style="background-color:transparent">

@ Enrico T.

Wie hast du das auf deiner seite gemacht, dass die Menüs nur so halbtransparent sind???

mfg

chris

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...