Fixed background like Twitter?

Question

On every Twitter profile page there is fixed background image. How could I do the same on my site?

I would like to find a solution in CSS

score 3 · Accepted Answer · answered Nov 27 '11 at 12:17

3

You can use background-attachment for your image

background-attachment:fixed;

try it here

answered Nov 27 '11 at 12:17

Jan Vorcak

The link to the try it editor makes you first among the equals for me. – Ergwun Nov 27 '11 at 12:21

score 0 · Answer 2 · answered Nov 27 '11 at 12:17

0

Use background-attachment: fixed; in CSS. Example CSS:

body {
background-image: url('bg.png');
background-repeat: no-repeat;
background-attachment: fixed;
}

answered Nov 27 '11 at 12:17

Akos

Did you just answer your own question, 2 minutes after asking? – Tom van der Woerdt Nov 27 '11 at 13:15
@TomvanderWoerdt It is allowed. Check out http://meta.stackexchange.com/questions/12513/should-i-not-answer-my-own-questions on meta... – Akos Nov 27 '11 at 14:59
I know, but why bother asking a question if you're going to post the answer after 2 minutes? ;-) – Tom van der Woerdt Nov 27 '11 at 15:02
;) Well interesting question, but I think it is OK because StackOverflow is a knowladge base. [As Jeff Atwood repeatedly states in the podcasts: "this site is about building a knowledge base."] So to help other people. – Akos Nov 27 '11 at 15:04

score 0 · Answer 3 · answered Nov 27 '11 at 12:18

0

answered Nov 27 '11 at 12:18

Hauleth

score 0 · Answer 4 · answered Nov 27 '11 at 12:18

0

background-attachment: fixed should to the trick.

answered Nov 27 '11 at 12:18

Philippe Plantier

4 Answers4