/    Sign up×
Community /Pin to ProfileBookmark

Scrolling Background

Copy linkTweet thisAlerts:
Feb 26.2004

I am creating a Web site that uses a logo in the background as a watermark. I have unsuccessfully searched for a JavaScript that will scroll the background image up and down the page as the page is scrolled up and down, keeping the logo in the center of the page. I have found scripts that will do this with page content, but none that do it with a background image. Does anyone know if such a script exists?

Thank you for your assistance,

Paul E. Trivilino
Graphic Designer
Creighton University
Division of Information Technology
Creative Services
2500 California Plaza
Omaha, NE 68178
Tel: 402-280-5128
FAX: 402-280-5127
[email][email protected][/email]

?

to post a comment
JavaScript

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@neil9999Feb 26.2004 — You can do this with HTML: just do this:

<body background="background.gif" bgproperties="fixed">

Neil
Copy linkTweet thisAlerts:
@SamFeb 27.2004 — did you read the original post? s/he asked for something to make the background move with the page, not cause a seizure
Copy linkTweet thisAlerts:
@fredmvFeb 28.2004 — [i]Originally posted by neil9999 [/i]

[B]<body background="background.gif" bgproperties="fixed">[/B][/QUOTE]Completely incorrect. That attribute will only work in IE and is therefore non-standard. Moreover, presentational markup should [b]never[/b] be used; that's what CSS is for. It can be done correctly like this:&lt;style type="text/css"&gt;
/*&lt;![CDATA[*/
html, body {
background: url(foo.png) fixed;
}
/*]]&gt;*/
&lt;/style&gt;
Copy linkTweet thisAlerts:
@PTrivilinoauthorMar 01.2004 — Thank you all for your replies. Fredmv, your suggestion was just what I was looking for. ?

Thanks agian,

Paul
×

Success!

Help @PTrivilino spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.14,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...