[SOLVED] Fixed Background Image?

Jack Franklin · #1 Oct 7th, 2007, 12:50

I know there is a way to make it so if I had a background image and then scroll down the page, the background image doesn't move. But I cannot remember how. Can anyone help?
Also - which browsers support it?

Lchad · #2 Oct 7th, 2007, 13:34

Here you go!

Code: Select all

cssforfixedbackground {
      background: #FFFFFF url(your.jpg) no-repeat fixed 0px 0px;
    width: 785px;

I test in IE6 and above and FF, Safari. And I have not had problems..

Jack Franklin · #3 Oct 7th, 2007, 13:55

Thank you, that's just what I needed.

Lchad · #4 Oct 7th, 2007, 14:02

You're welcome!!

MikeHopley · #5 Oct 7th, 2007, 19:45

Note that background-attachment: fixed is partially broken in IE6.

You're fine provided you only use it on the <body> element. So Linda's solution will work correctly for the vast majority of cases.

If you want to apply it to any other element, however, things get messy. Here's an example that fails in IE6.

You can fix this with nasty hacks. IE7 doesn't need these hacks.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Background image not showing	Aso	Web Page Design	1	Apr 22nd, 2008 15:54
[SOLVED] About "background-image: fixed;" Scrolling Issues	doctypedeclaration	Web Page Design	9	Apr 13th, 2008 18:54
[SOLVED] image background	dab42pat	Graphics and 3D	4	Jan 7th, 2008 03:50
[SOLVED] Background Image Help	RZX Developer	Web Page Design	4	Dec 12th, 2007 09:39
[SOLVED] div background image problem in ie	Rincewind	Web Page Design	7	Nov 30th, 2007 09:30

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Fixed Background Image?