Re:Show HN: CaptainObvio.us - a place to share ideas
by Aaronontheweb on Friday March 25, 2011 @03:32AM
(#2367595)
I'm using some CSS hacks to do it. Here's what that code looks like:
body { font-size: 75%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #232323; background: url('img/styles/blue_bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/styles/blue_bg.jpgg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/styles/blue_bg.jpg', sizingMethod='scale')"; background-color: #00689c; height: 100%; }
Are you tying the resize of the background directly to the window resize or scroll event? You might want to consider using setTimeout(customResizeFunc, 100) just to keep the scroll event from blocking