How to make background position fixed and centered?

I have my site set up in 'page-sections' for a vertical scroll. the first page-section is 100% width and height, as are the other sections, but has a background image that scrolls and stretches to the width of the browser. I am trying to maintain this as well as have it fixed position. so it holds still and the content below scrolls up and OVER the background image.

So my question is how do I add on the fixed property to the background-position:center center;

/* div that has background image */

<div class="page-section home-bg clear" id="home">

/* rest of content I want to scroll up and over */

<div class="page-section clear" id="about">
    <div class="wrapper" style="background-color:#fff;">

.page-section {
    margin:0px auto 0px auto;
.home-bg {
    background:url('img/home-bg.jpg') no-repeat;
    background-position:center center;


   width: 100%;
   height: 100%;
   background: url('../images/bg10.jpg') no-repeat;
   background-attachment: fixed;
   background-position: center center;
   background-size: cover; 

This would be my suggestion, this is what i used and it works for me.

Need Your Help

AS3 - Not Retrieving Correct Item

actionscript-3 flash actionscript

In this section of code, I'm checking if a level in a game is unlocked or not. The Array "levels" contains 12 Movieclips and "levelsUnlocked" is the users highest level reached. So with this code, ...

regex to validate phone number jquery

jquery regex

I would like to add a mobile validation along with existing validation to my mobile number field.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.