Sidebar
ein-/ausblenden

PNG Transparenz im IE 5 & IE 6

Plugin für WordPress SEO

Anzeige

IE
Das Microsofts Browser in den Versionen sich besonders stark an Standards hält (Ironie) ist nicht neu. Mit dem IE 7 ist es besser geworden und der IE 8 soll es dann können.

Besonders im Bereich PNG und Transparenz treten unschöne Fehler auf, die dem Entwickler einige Sorgen bereiten und Arbeit machen. Aber auch andere Probleme sind zeitaufwendig und die Bugfixes können sehr komplex ausfallen. Um diese Probleme zu umgehen, gibt es eine JavaScript-Library, die das Problem behebt.

Damit wird der IE standardkonform! Was und wie alles unterstützt wird, dazu eine Demoseite mit Hinweisen. Eric Mayer hat schon früher ausführlich berichtet, aktuell steht nun Version 2Beta bereit. Diese unterstützt auch den IE 8.

Das Script, im übrigen von Dean Edwards, steht zum Download bereit. Die Implementierung sollte mittels Conditional Comments erfolgen.


<!--[if lt IE 7]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>
<![endif]-->

Damit werden alle Internet Explorer kleiner (lt = less then = niedriger als) Version 7 angesprochen.

Für den IE 8 sieht das wie folgt aus. Nun werden auch CSS Möglichkeiten unterstützt, die man ansonsten eventuell schmerzlich vermisst hat.


<!--[if lt IE 8]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
<![endif]-->
Artikel #592, 11. Januar 2008 · CSS, xHTML, JS, Webküche · 10 Kommentare · Kommentar schreiben
Tags: , , ,
Kommentar-Feed zum Artikel · TrackBack URL · Kurzlink

«
»

7 Kommentare und 3 Trackbacks zu „PNG Transparenz im IE 5 & IE 6“

  1. 1
    Kommentar von Jan Amundsen
    11. Januar 2008 um 16:45

    Das klingt aber interessant. Sollte man vielleicht mal in nen WP-Plugin packen, damit man das Theme nicht anpassen muss. Gut, wäre keine so schwere Sache, aber als Plugin wäre das natürlich nicht unpraktisch. Wie toll wäre es, wenn mein geliebtes PNG-Format endlich unterstützt würde :-D

    Gruß
    Jan

  2. 2
    Pingback von Internet Explorer 5 » PNG Transparenz im IE 5 & IE 6
    11. Januar 2008 um 22:37
  3. 3
    Kommentar von Jared
    12. Januar 2008 um 11:33

    Danke Frank für den tollen Link.
    Die Javascript Bibliothek sollte zu einem festen Bestandteil eines jeden Webdesigners gehören der so seine Probleme mit dem IE 6 hat ;-)

  4. 4
    Kommentar von Stephan
    14. Januar 2008 um 15:49

    Auch auf die Gefahr hin, ein kleines (oder auch großes) Kopfschütteln zu ernten, habe ich eine kleine Bitte. Könntest Du vielleicht ein paar Tipps geben, was den Einbau des Scripts in ein WordPress-Theme anbelangt?

    Ich wäre Dir sehr dankbar dafür.

    Gruß Stephan

  5. 5
    Kommentar von Frank Bültge
    14. Januar 2008 um 16:42

    Gern, bringe ich in den nächsten Tagen.

  6. 6
    Kommentar von Daniela
    14. Januar 2008 um 17:16

    Super und danke für den tollen Link. das hat mir wirklich weitergeholfen.

  7. 7
    Pingback von JavaScript in HTML einbinden | bueltge.de [by:ltge.de]
    16. Januar 2008 um 14:26
  8. 8
    Pingback von IE7.js - macht den IE7 Standardkonform (?) - XHTMLforum
    11. September 2008 um 15:58
  9. 9
    Kommentar von upsalalbim
    1. Oktober 2008 um 17:16

    Toll, da wird ja richtig nachgedacht - "Die Javascript Bibliothek sollte zu einem festen Bestandteil eines jeden Webdesigners gehören der so seine Probleme mit dem IE 6 hat" - dumm nur, wenn auf der anderen Seite kein Javascript läuft, da ist dann der Webdesigner schneller seinen Job los als er über diesen vermeidlich genialen JS freuen kann.

    Hände weg von solch einen Schmarn - das WWW ist für alle da, Barrierefreiheit läßt grüßen.

  10. 10
    Kommentar von basti
    2. Juni 2009 um 10:27

    Hört sich sehr Interessant an, nur wie binde ich denn das ganze ein?

    Wenn ich nun nur:

    einbinde, funktioniert es nicht!
    Wer könnte mir kurz erklären wie ich im IE6 das Problem mit png löse?

    Danke, Basti

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.