{"id":369,"date":"2011-02-15T08:33:58","date_gmt":"2011-02-15T08:33:58","guid":{"rendered":"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/?p=369"},"modified":"2013-06-03T03:44:22","modified_gmt":"2013-06-03T01:44:22","slug":"welche-browser-verstehen-border-image","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=369","title":{"rendered":"Bilder mit Rahmen"},"content":{"rendered":"<h3>CSS Cookie Cutter<\/h3>\n<p>[Minnie Spears, 28.11.2010] After seeing <a href=\"http:\/\/stackoverflow.com\/questions\/3182683\/css-image-mask-overlay\">this post on StackOverflow<\/a> I decided to take a look at my <a href=\"http:\/\/www.cssbakery.com\/2009\/06\/background-image.html\">cookie cutter method<\/a> again to see how I could help people use it correctly. What this technique really boils down to is using the png mask image as a background on a div, and then displaying that div directly over the top of the photo we want to make the cuts from. We do that using absolute positioning, making sure that we have a parent div that provides a positioning context. (<a href=\"http:\/\/www.cssbakery.com\/2010\/11\/css-cookie-cutter-revisited.html\">#<\/a>)<\/p>\n<h3>CSS 3: Welche Browser verstehen border-image?<\/h3>\n<p>[Peter Kr\u00f6ner, 27.09.2010] Mit Opera 10.5+, Firefox 3.5+ und der Webkit-Brigade (ab Engine-Version 522) verstehen die meisten Browser, von denen man es auch erwarten w\u00fcrde, border-image \u2013 die beiden letztgenannten noch mit Vendor-Prefix. Problematisch ist nur, dass CSS3, da ja noch nicht fertig, st\u00e4ndig weiterentwickelt wird und jeder Browser unterst\u00fctzt eine andere Revision von border-image. Um ein und denselben Effekt zu erreichen, muss man also gegebenenfalls mehr machen als nur die Vendor-Prefixes austauschen, in den meisten F\u00e4llen reicht jedoch genau das. Dieser Code f\u00fchrt zwar in den unterst\u00fctzenden Browsern zum gleichen Ergebnis, aber da den Implementierungen jeweils verschiedene Revisionen von border-image zugrunde liegen, unterst\u00fctzen nicht alle Browser den gleichen Funktionsumfang. Es gibt gro\u00dfe \u00dcberschneidungen, aber nicht alles, was in den Spezifikationen steht funktioniert \u00fcberall (und nicht alles was funktioniert, steht heute noch in den Spezifikationen). <strong><span class=\"marker\">Schlimmer noch: der IE9 wird border-image \u00fcberhaupt nicht unterst\u00fctzen.<\/span><br \/>\n<\/strong><br \/>\nDas Fazit ist also: Je nachdem was man erreichen wollte, k\u00f6nnte man mit border-image schon einiges anstellen, wenn da nur der Internet Explorer nicht w\u00e4re. Vern\u00fcnftige Browser haben bereits brauchbare Implementierungen an Bord, wobei man aber genau nachlesen sollte, welche Browserversion welche Revision der Spezifikationen inwiefern unterst\u00fctzt. (<a href=\"http:\/\/www.peterkroener.de\/schoenes-neues-css-border-image\/\">#<\/a>)<\/p>\n<h3>Spice Up Your WordPress Theme with Special Effects on Post Images<\/h3>\n<p>[Sarah Gooding, 09.09.2010] A new plugin called <a href=\"http:\/\/wordpress.org\/extend\/plugins\/get-post-image\/\" target=\"_blank\">Get Post Image<\/a> is packed full of special effects that you can use in your WordPress  theme, including thumbnailing, formatting, masks, and logo insertion,  and many more advanced features. Get Post Image is a wrapper for <a href=\"http:\/\/wordpress.org\/extend\/plugins\/get-the-image\/\" target=\"_blank\">Get The Image<\/a> WordPress plugin and phpThumb library. It\u2019s easy one to overlook in the  repository, because it has a simple name and no screenshots. However,  if you visit the plugin\u2019s homepage, you can see all of the exciting  options it offers. (<a href=\"http:\/\/wpmu.org\/spice-up-your-wordpress-theme-with-special-effects-on-post-images\/\">#<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS Cookie Cutter [Minnie Spears, 28.11.2010] After seeing this post on StackOverflow I decided to take a look at my cookie cutter method again to see how I could help people use it correctly. What this technique really boils down &hellip; <a href=\"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=369\">Weiterlesen &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/369"}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=369"}],"version-history":[{"count":5,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/369\/revisions"}],"predecessor-version":[{"id":3316,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/369\/revisions\/3316"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}