Det inte ofta jag skriver om CSS knep här på bloggen, men ibland stöter man på saker man helt enkelt vill dela med sig av. I flera veckors tid så har varit delaktig i ett stort webbprojekt där en av mina många roller har varit att utveckla användargränssnittet. Nu när webbprojektet är i sitt slutskede så har jag lärt mig ett och annat om hur webbläsare renderar sidor, speciellt på macplattformar där Netscape och Mozilla ställde till med riktigt stora besvär.
Även Safari som oftast fungerar lika bra som Firefox, Opera och andra vettiga webbläsare, så kan det ibland bli renderingsbuggar som man blir smått galen på. Att göra specifika CSS ändringar bara för Safari kan vara riktigt klurigt och ibland kännas omöjligt. Men bara häromdagen så hittade jag ett fulhack som kanske många av er väl insatta redan visste om (isåfall, fy på mig). Koden är väldigt simpel och den gör så att Safari ignorerar specifika kodsegment. Det är inte så roligt att använda fulhack, men ibland är man tvungen och just i mitt fall så var detta exakt det jag behövde för att lösa de buggar jag hade. Så jag tänkte dela med mig av detta enkla knep om någon av er har missat det.
Exempel
#wrap {
background:green; //Bakgrund för Safari
}
#wrap {
background:blue; //Bakgrund för andra webbläsare
#
}
Allt man mÃ¥ste göra är att lägga ett flytande ”#” inom kodsegment som du vill att Safari ska ignorera och det är klart! Smidigt va?
Om ni sitter inne på fler Safari-knep så skriv gärna det i kommentarerna!
