On http://www.blueyonder.co.uk/blueyonder/index.jsp
how did they get the background to fade, but stay with the scrollbar. The bottom of the fade is at the bottom of the visible screen instead of the bottom of the web page. Just scroll down and notice the fade stays the same, how is this done? CSS I am assuming. Thanks!

Recommended Answers

All 4 Replies

<body background="gradient.jpg" bgproperties="fixed">

Would I have to make the fade.jpg the correct background size or do the width/height functions work with a background image?

You would have to make fade.jpg the correct background size, otherwise it will tile itself (but it will still look fixed like a watermark when scrolling the page). There is no way via standard HTML to not tile a background image - and therefore CSS must be used.

The following will work:

<body style="background: white url(fade.jpg); background-repeat: repeat-x;">

Ah ha, thanks!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.