Sign In
Create Account
7
The backgrounds on twitter are ''stuck'' there and when you scroll down the content scrolls but the background doesnt, how do you do this in CSS?
Thanks
12 replies to this topic
#2
Static_
-
- Registered Members
- 211 posts
Adept
- LocationGB
Posted 27 October 2009 - 09:10 PM
Just add;
background-attachment: fixed;
to your background image bit in the CSS.
background-attachment: fixed;
to your background image bit in the CSS.
NintendoLounge - My Nintendo Forum :)
#3
Michael
-
- Members
- 1753 posts
Zealot
Posted 28 October 2009 - 06:14 AM
StaticAge said:
Just add;
background-attachment: fixed;
to your background image bit in the CSS.
background-attachment: fixed;
to your background image bit in the CSS.
It has to be one of the most simple pieces of CSS with such great results :D
#4
FullMetalBabe
-
- Registered Members
- 2923 posts
Zealot
Posted 28 October 2009 - 07:08 AM
Lol, it can be put in one line to make it more simple.
background: url(image) top left fixed no-repeat;
background: url(image) top left fixed no-repeat;
#5
Tech
-
- Registered Members
-
- 491 posts
Champion
Posted 28 October 2009 - 11:34 AM
Thanks everyone, ganno try putting a game or picture on the background of JetGaming to make it even more gamier (if thats a word)...
What would the recommended size be?
What would the recommended size be?
#6
tryfuhl
-
- Members
-
- 391 posts
Champion
Posted 01 November 2009 - 05:01 AM
Tech said:
Thanks everyone, ganno try putting a game or picture on the background of JetGaming to make it even more gamier (if thats a word)...
What would the recommended size be?
What would the recommended size be?
I guess it really depends on the layout of your site though.. static or fixed, etc
#7
FullMetalBabe
-
- Registered Members
- 2923 posts
Zealot
Posted 01 November 2009 - 07:35 AM
=\ A logo shouldn't be bigger than 900px, it could be a bit too big, I try to keep mines at 600-700 px unless I intend to put many images.
#9
ArnyVee
-
- Registered Members
- 1194 posts
Oozing Machismo Since 1972
Posted 01 November 2009 - 10:45 AM
How do you make it so that you can "tile" the image and keep it "fixed" as well?
Walt Disney Boards - The Mystery District - Legendary Rock N Roll Forums (In development) - Fantasy Football, Baseball & Basketball Forums (In development) - New xenForo site: TeeVeeTown
#10
Static_
-
- Registered Members
- 211 posts
Adept
- LocationGB
Posted 01 November 2009 - 10:49 AM
ArnyVee said:
How do you make it so that you can "tile" the image and keep it "fixed" as well?
Just add;
background-repeat: repeat;
So you have;
background-attachment: fixed;
background-repeat: repeat;
Or if you have it in one line like FMB said, then;
background: url(bgimage.gif) top left fixed repeat;
NintendoLounge - My Nintendo Forum :)
#11
FullMetalBabe
-
- Registered Members
- 2923 posts
Zealot
Posted 01 November 2009 - 11:08 AM
I should add if you want it to repeat horizontally ONLY you could add:
background: url(bgimage.gif) top left fixed repeat-x;
Or vertically ONLY
background: url(bgimage.gif) top left fixed repeat-y;
background: url(bgimage.gif) top left fixed repeat-x;
Or vertically ONLY
background: url(bgimage.gif) top left fixed repeat-y;
#12
WI
-
- Members
- 1 posts
Newcomer
Posted 11 December 2009 - 07:25 AM
what about css code to autofit bg different screen size?? i heard css3 support stretching bg to fit screen but browsers not supported....
#13
FullMetalBabe
-
- Registered Members
- 2923 posts
Zealot
Posted 11 December 2009 - 08:16 AM
Blah, I know I'm wrong, dunno.
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
