Status
Not open for further replies.

AJ Blacklisted

Active Member
1,211
2011
140
10
I recently added a new background to the skin.
I donot want to scroll picture with site. I mean the backgrnd will stay fixed

the problem is The picture is not scrolling.

KCtbB0.png


Pls check it on http://www.warezdownloads.us/

What should i change ???

Code:
body {
        background: #164269 url("{style_images_url}/background.jpg") no-repeat fixed 0% 0% transparent;
        color: #000000;
        font: normal 11px tahoma, helvetica, arial, sans-serif;
        position: relative;
        padding-bottom: 20px;
}

Pls check it on my site (some cache problems with my PC)
Bump...
 
12 comments
This is what I see right now on your site:
Code:
body {
    background: url("http://www.warezdownloads.us/public/style_images/overlayblue/background.jpg") repeat-x [B][COLOR=Red]scroll [/COLOR][/B]0 0 #164269;
    color: #5A5A5A;
    font: 11px tahoma,helvetica,arial,sans-serif;
    padding-bottom: 20px;
    position: relative;
}
Though in what you quoted, there's fixed. Which is the correct solution.
 
This is your real css:
Code:
body { 
background-attachment: scroll;
background-clip: border-box;
background-color: #164269;
background-image: url("http://www.warezdownloads.us/public/style_images/overlayblue/background.jpg");
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat-x;
background-size: auto;
color: #5A5A5A;
font-family: "tahoma", "helvetica", "arial", sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 20px;
position: relative;
}
Change to this:

Attachment fixed and position fixed
Code:
body { 
background-attachment: fixed;
background-clip: border-box;
background-color: #164269;
background-image: url("http://www.warezdownloads.us/public/style_images/overlayblue/background.jpg");
background-origin: padding-box;
background-position: 0% 0%;
color: #5A5A5A;
font-family: "tahoma", "helvetica", "arial", sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: normal;
padding-bottom: 20px;
position: fixed;
}
 
yeah mate, i updated.
In my ACP its
pSqCwH.png


---------- Post added at 08:59 PM ---------- Previous post was at 08:08 PM ----------

Rick just reported he cant scroll the website..
So i updated the css to
Code:
body {
        background: #164269 url("{style_images_url}/background.jpg") no-repeat fixed 0% 0% transparent;
                  color: #000000;
        font: normal 11px tahoma, helvetica, arial, sans-serif;
        position: relative;
        padding-bottom: 20px;
}
 
url("http://www.warezdownloads.us/public/style_images/overlayblue/background.jpg") repeat-y scroll 0% 0% transparent;

I choose image repeat..Lemme see if it works or not....
 
Status
Not open for further replies.
Back
Top