Jumpy Background Image

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
3/17/2014 1:16:23 PM
Gravatar
Total Posts 154

Jumpy Background Image

I created a new site and tweaked the art42 blue garden skin.  The background image is jumpy when you scroll up and down the site.  Any ideas what I can tweak to fix it?

www.momperfected.com

 

3/17/2014 1:18:09 PM
Gravatar
Total Posts 154

Re: Jumpy Background Image

Seems to only happen in IE...  :(

3/18/2014 9:26:43 AM
Gravatar
Total Posts 154

Re: Jumpy Background Image

I think it's just my IE.  Nevermind. 

3/23/2014 8:29:08 PM
Gravatar
Total Posts 1991

Re: Jumpy Background Image

Hi Dave,

This is happening in my IE as well. Try removing the background-attachment: fixed; from the #art-main selector.

HTH,
Joe D.

3/24/2014 10:31:22 AM
Gravatar
Total Posts 154

Re: Jumpy Background Image

I removed the fixed portion so the new line appears as below.  That seemed to fix the problem.  So fixed was breaking it.  lol  Thanks Joe!

 

   background: #CCB48F url('images/page.png');

 

 

3/24/2014 10:53:52 AM
Gravatar
Total Posts 73
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Jumpy Background Image

Dave,

As Joe said, removing the fixed from the first line under #art-main will keep the background image from stuttering as you scroll, but you will lose the fixed aspect.

The problem is occurring because the image is on a div element instead of the html or body element (IE doesn't like to play nice like the other kiddies with certain things). If you remove from #art-main

background: #CCB48F url('/Data/Sites/8/skins/momperfected/images/page.png') fixed;

and place it on .pagebody instead it will make the background-image to stay fixed and you will no longer have the stutter.

HTH,
-Elijah

You must sign in to post in the forums. This thread is closed to new posts.