cross browser - Safari Won't Show BG on the body without a html background color set -
maybe out there can fill me in on whether i've encountered odd edge case safari bug or there missed in css.
basically, landing page of site (http://www.seanmichael.me/test/kodiak/) not showing set background (it's showing white background) in safari (6.0.5). surprised because have used similar full-page background images type of css , never encountered issue. code set on body element seen below:
body { background: url("img/landing-bg.jpg") #2c5277 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
i linted css , had no errors, spent substantial time messing around css in dev tools find solution. oddly enough, edit fixed issue setting background-color property on html element. i'm happy works, still confused why might happen. please let me know if have explanation.
thank you, sean
after having same issue occur on client site, able figure out issue is. i'm still not sure if bug in safari, problem follows:
when using _'s (underscores) wordpress starter theme , modernizr together, default css in theme putting clearfix on html element (not on purpose). reason setting pseudo elements (before , after) of html element in safari display table causes html element overlay on page (which set white default). can check out ticket here https://github.com/automattic/_s/issues/212 on github page _'s theme.
Comments
Post a Comment