Member Avatar for cmills83

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!

  • 2 Contributors
  • 4 Replies
  • 169 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by cmills83
Member Avatar for Dani 
<body background="gradient.jpg" bgproperties="fixed">
Member Avatar for cmills83

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

Member Avatar for Dani

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;">
Member Avatar for cmills83

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, networking, learning, and sharing knowledge.