AKTUALISIERUNG: Microsoft hat angekündigt, dass sie den Internet Explorer ab dem 15. Juli 2022 nicht mehr unterstützen werden.
Glücklicherweise nimmt der Prozentsatz der Menschen, die immer noch Internet Explorer 6 (IE6) verwenden, monatlich ab. Dennoch ist er immer noch groß genug, dass wir diese Nutzer bei der Gestaltung von Websites berücksichtigen müssen. Dieser Artikel zeigt, wie man halbtransparente PNGs (Portable Network Graphics) in Ihre Formulare einbinden kann, sodass sie in den meisten Browsern, einschließlich IE6, korrekt angezeigt werden. Es gibt tatsächlich mehrere Möglichkeiten, dies zu erreichen, jede mit ihren eigenen Nachteilen. Forschungen legen jedoch nahe, dass der DD_belatedPNG-Fix schnell zur bevorzugten Methode wird. Und genau diese Methode werden wir hier behandeln.
Diese Seite enthält ein Formular, dessen Hintergrund vollständig transparent ist und mit einem gekachelten Bild eines Apfels überlagert ist, das ein halbtransparentes PNG ist. Wäre der DD_belatedPNG-Fix auf der Seite nicht angewendet, würden IE6-Nutzer ein Formular mit weißem Hintergrund sehen, das mit Äpfeln verziert ist, während andere die Äpfel sehen würden, die ihre Schatten auf den gemusterten Hintergrund der Seite werfen. Nicht, dass es unbedingt etwas Falsches daran gibt, einen weißen Hintergrund zu haben. Tatsächlich wären die Überschrift und die Untertitel in diesem Fall besser lesbar. Dieser Artikel dreht sich jedoch nicht um Lesbarkeit, sondern darum, Ihre Formulare mit halbtransparenten PNGs so konsistent wie möglich in verschiedenen Browsern darzustellen.
Das Verfahren
1. Kopieren Sie den vollständigen Quellcode Ihres Formulars aus dem Embed Form Wizard und fügen Sie ihn in den Body Ihrer Webseite ein.
2. Platzieren Sie den Codeblock hier zu finden gemäß den Anweisungen im Kopf derselben Seite.
3. Kopieren Sie diesen Code, fügen Sie ihn in ein neues Textdokument ein, speichern Sie es als DD_belatedPNG_0.0.8a.js und laden Sie es in dasselbe Verzeichnis (Ordner) hoch, das die Webseite mit dem Formular enthält.
4. Siehe auch: Wie man den Hintergrund eines Formulars transparent machtWie man die Transparenz des Hintergrunds eines Formulars anpasst
Kommentar abschicken: