{"id":3376,"date":"2005-09-04T12:49:13","date_gmt":"2005-09-04T10:49:13","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=127"},"modified":"2005-09-04T12:49:13","modified_gmt":"2005-09-04T10:49:13","slug":"halbtransparente-hintergrunde-fur-die-webseite","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2005\/09\/halbtransparente-hintergrunde-fur-die-webseite\/","title":{"rendered":"Halbtransparente Hintergr\u00fcnde f\u00fcr die Webseite"},"content":{"rendered":"

Transparente Bilder sind oft ein schm\u00fcckendes und effektvolles Beiwerk auf Webseiten. Die Darstellunf von transparenten Bildern im .png Format wird von den Browsern jedoch nicht einheitlich unterst\u00fctzt. Die Angaben der Transparenz im stylesheet auch nicht. Eine Alternative ist jedoch \u00fcber einen Trick mit einem transparenten .gif machbar.<\/p>\n

[Translucent Backgrounds]<\/a><\/p>\n

\n
    \n
  1. Erstelle ein Bild 2 x 2 Pixel gro\u00df in wei\u00df.<\/li>\n
  2. Das Pixel in der linken oberen und in der rechten unteren Ecke mit der Farbe einf\u00e4rben, die sp\u00e4ter transparent sein soll.<\/li>\n
  3. Das Bild als Muster (Pattern) abspeichern.<\/li>\n
  4. Ein weiteres Bild mit 50 x 50 Pixel erstellen und mit dem soeben gespeicherten Muster f\u00fcllen.<\/li>\n
  5. Das ganze als 8-Bit-Gif speichern und beim Speichern die wei\u00dfen Pixel als transparent definieren.<\/li>\n
  6. Im Stylesheet angeben — background: transparent url(imagename.gif) —<\/li>\n<\/ol>\n

    Fertig !<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

    Transparente Bilder sind oft ein schm\u00fcckendes und effektvolles Beiwerk auf Webseiten. Die Darstellunf von transparenten Bildern im .png Format wird von den Browsern jedoch nicht einheitlich unterst\u00fctzt. Die Angaben der Transparenz im stylesheet auch nicht. Eine Alternative ist jedoch \u00fcber einen Trick mit einem transparenten .gif machbar.
    \n[Translucent Backgrounds]<\/p>\n

    Erstelle ein Bild 2 x 2 Pixel gro\u00df … Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[119,176,177,178],"yst_prominent_words":[],"class_list":["post-3376","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-grafik-gestaltung","tag-grfaik","tag-tipps-und-tricks","tag-webdsign"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3376"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3376\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3376"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}