Wie kann man PNG-Alphatransparenz im IE nutzen? 09. June 2007 um 18:02 Uhr / Webdesign
Pingbacks
- miese Gedanken » Transparente PNGs transparent
- PNG-Alphatransparenz im Internet Explorer » Peruns Weblog
- ovaler Button - Rand zu pixelig! - Photoshop @ tutorials.de: Forum, Tutorial, Anleitung, Schulung & Hilfe
- http://xhtmlforum.de/48267-png-und-ie6.html#post352105
- http://xhtmlforum.de/49503-halbtranzaprente-grafiken.html#post363538
- Wordpress Java scribt - Forum Fachinformatiker.de
- Layoutcheck - Sportverein - XHTMLforum
- Transparenz wirkt sich auf Kind-Elemente aus - PHP script resource
- Position:Absolute & PNG Filter – Norman's Blog
Kommentare
Die Kommentare sind für diesen Eintrag geschlossen.
Horst Scheuer aus Otzberg schrieb am 10.06.2007
Prima Artikel! Ich werde ihn in meiner Bookmarksammlung erwähnen.
Siechfred schrieb am 11.06.2007
Was mir am letzten Codeschnipsel nicht gefällt, ist das Ermitteln der IE-Version via UserAgent-String. Schöner wären da Conditional Compilations oder die proprietären ScriptEngine-Funktionen. Die JScript-Version dürfte bestenfalls 5.5 sein (Übersicht).
Gruß,
Siechfred
Metty aus Zülpich schrieb am 13.06.2007
Manueller Trackback:
http://www.discobeats.de/2007/06/13/transparente-png-in-ie6/
:-)
Vaeron aus NRW schrieb am 18.06.2007
DANKE DANKE DANKE!
Ich wäre heute fast verzweifelt! Diese dämliche Pfadangabe!
Hab 20 Workshops ausprobiert und es hat nie geklappt weil ich die pngs relativ zur CSS Datei gelinkt habe!
DANKE für die Auflösung! :)
timmae aus Deutschland schrieb am 03.07.2007
Hallo Jeena und alle anderen!
Ich benutze beide PNG-Fixes für den IE (Bilder als auch Hintergrundbilder).
Warum funktionieren meine Menü-Verweise dann nicht mehr? Was mach ich falsch? Menü liegt über den PNG-Hinterrundbildern.
Vielleicht kann jemand mit mehr Ahnung mir helfen ;-)
Danke im Voraus
Jeena Paradies aus Varberg schrieb am 03.07.2007
Ich hatte ein ähnliches Problem einmal, und lösen konnte ich es durch explizites position: relative; (und evtl. display: block; )
Benjamin aus Berlin schrieb am 03.07.2007
Jeena Paradies aus Varberg schrieb am 03.07.2007
Nein, leider nicht, auch nicht wiederholen zu lassen.
nitnat aus Karlsruhe, Deutschland schrieb am 05.07.2007
super erklärt, hat mir sehr viel weitergeholfen!
Ingo Chao aus Göttingen schrieb am 06.07.2007
Bei dem Problem mit den nicht funktionierenden Links muss die Fälle abgrenzen, in denen der Block mit dem Filter selbst positioiniert wurde. Dann hilft der einfache position:relative hack nicht. Man kann sich behelfen, indem man dem positionierten Block den Filter wegnimmt und den Filter dafür auf ein sich innen anschmiegendes, nichtpositioniertes div legt.
Meerblickzimmer schrieb am 25.07.2007
Hei! Super Artikel und es klappt bei fast allem, nur dann nicht: Hast du ein Hintegrundbild mit einem repeat drin, dann klappt es nicht. Ist ja auch logisch, da die IE-Variante ein background: none; hat und das andere Bild "normal" eingefuegt wird. Nur, kennst du oder jmd. anderes noch eine Methode fuer Hintergrundbilder mit repeat. In meinem Fall ist es "nur" ein repeat-x. Danke und viele Gruesse! M
Nils schrieb am 05.09.2007
Nici schrieb am 30.04.2009
schreibt doch einfach background-image:none; anstatt background:none; dann wird die Positionierung beibehalten und trotzdem wird das png umgewandelt - Google Maps macht das beim Infofenster auch so und es klappt wunderbar.
Website Performance schrieb am 21.08.2009
die tatsache, dass js eingeschaltet ist, bedeutet nicht, dass auch activeX funktioniert. wir haben also zwei voraussetzungen, die gegeben sein müssen, damit das funktioniert. wenn es denn schon ein script sein soll, dann würde ich von der externen javascript-variante absehen... zumindest sollte die datei nicht wie im script angegeben in abhängigkeit der ie-version einzeln eingebunden werden. gerade bei solchen kleinstdateien ist ein zusätzlicher http-request nicht besonders performant. vielmehr sollten alle js-scripte in einer datei gesammelt werden. werden keine weiteren scripte genutzt, dann würde ich den code direkt im html-dokument unterbringen.