Warning: Constant ABSPATH already defined in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php on line 19 Warning: Constant MAGPIE_CACHE_ON already defined in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-content/plugins/lastfm-for-wordpress/lastfm.php on line 30 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 Warning: Cannot modify header information - headers already sent by (output started at /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-config.php:19) in /customers/6/2/7/sugoi.se/httpd.www/blogg/wp-includes/rest-api/class-wp-rest-server.php on line 1673 {"id":147,"date":"2007-10-30T23:09:23","date_gmt":"2007-10-30T22:09:23","guid":{"rendered":"http:\/\/blogg.sugoi.se\/?p=147"},"modified":"2007-10-30T23:09:23","modified_gmt":"2007-10-30T22:09:23","slug":"safari-css-hack","status":"publish","type":"post","link":"https:\/\/blogg.sugoi.se\/?p=147","title":{"rendered":"Safari CSS hack"},"content":{"rendered":"

Det inte ofta jag skriver om CSS knep h\u00c3\u00a4r p\u00c3\u00a5 bloggen, men ibland st\u00c3\u00b6ter man p\u00c3\u00a5 saker man helt enkelt vill dela med sig av. I flera veckors tid s\u00c3\u00a5 har varit delaktig i ett stort webbprojekt d\u00c3\u00a4r en av mina m\u00c3\u00a5nga roller har varit att utveckla anv\u00c3\u00a4ndargr\u00c3\u00a4nssnittet. Nu n\u00c3\u00a4r webbprojektet \u00c3\u00a4r i sitt slutskede s\u00c3\u00a5 har jag l\u00c3\u00a4rt mig ett och annat om hur webbl\u00c3\u00a4sare renderar sidor, speciellt p\u00c3\u00a5 macplattformar d\u00c3\u00a4r Netscape och Mozilla st\u00c3\u00a4llde till med riktigt stora besv\u00c3\u00a4r.<\/p>\n

\u00c3\u201even Safari som oftast fungerar lika bra som Firefox, Opera och andra vettiga webbl\u00c3\u00a4sare, s\u00c3\u00a5 kan det ibland bli renderingsbuggar som man blir sm\u00c3\u00a5tt galen p\u00c3\u00a5. Att g\u00c3\u00b6ra specifika CSS \u00c3\u00a4ndringar bara f\u00c3\u00b6r Safari kan vara riktigt klurigt och ibland k\u00c3\u00a4nnas om\u00c3\u00b6jligt. Men bara h\u00c3\u00a4romdagen s\u00c3\u00a5 hittade jag ett fulhack<\/em> som kanske m\u00c3\u00a5nga av er v\u00c3\u00a4l insatta redan visste om (is\u00c3\u00a5fall, fy p\u00c3\u00a5 mig). Koden \u00c3\u00a4r v\u00c3\u00a4ldigt simpel och den g\u00c3\u00b6r s\u00c3\u00a5 att Safari ignorerar specifika kodsegment. Det \u00c3\u00a4r inte s\u00c3\u00a5 roligt att anv\u00c3\u00a4nda fulhack, men ibland \u00c3\u00a4r man tvungen och just i mitt fall s\u00c3\u00a5 var detta exakt det jag beh\u00c3\u00b6vde f\u00c3\u00b6r att l\u00c3\u00b6sa de buggar jag hade. S\u00c3\u00a5 jag t\u00c3\u00a4nkte dela med mig av detta enkla knep om n\u00c3\u00a5gon av er har missat det.<\/p>\n

Exempel<\/strong>
\n#wrap {
\n background:green; \/\/Bakgrund f\u00c3\u00b6r Safari
\n}
\n#wrap {
\n background:blue; \/\/Bakgrund f\u00c3\u00b6r andra webbl\u00c3\u00a4sare
\n #
\n}<\/code><\/p>\n

Allt man m\u00c3\u00a5ste g\u00c3\u00b6ra \u00c3\u00a4r att l\u00c3\u00a4gga ett flytande <\/em>”#<\/strong>” inom kodsegment som du vill att Safari ska ignorera och det \u00c3\u00a4r klart! Smidigt va?<\/p>\n

Om ni sitter inne p\u00c3\u00a5 fler Safari-knep s\u00c3\u00a5 skriv g\u00c3\u00a4rna det i kommentarerna!<\/p>\n","protected":false},"excerpt":{"rendered":"

Det inte ofta jag skriver om CSS knep h\u00c3\u00a4r p\u00c3\u00a5 bloggen, men ibland st\u00c3\u00b6ter man p\u00c3\u00a5 saker man helt enkelt vill dela med sig av. I flera veckors tid s\u00c3\u00a5 har varit delaktig i ett stort webbprojekt d\u00c3\u00a4r en av mina m\u00c3\u00a5nga roller har varit att utveckla anv\u00c3\u00a4ndargr\u00c3\u00a4nssnittet. Nu n\u00c3\u00a4r webbprojektet \u00c3\u00a4r i sitt slutskede […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[],"_links":{"self":[{"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=\/wp\/v2\/posts\/147"}],"collection":[{"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=147"}],"version-history":[{"count":0,"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=\/wp\/v2\/posts\/147\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogg.sugoi.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}