Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.


Changing background image on certain page?

OK, So I want to add an image to the background of the page sort of like a watermark, except I want it to be very dull so like the opacity of it to be very full so that the user's can still see the text clearly?

I've been trying in Dreamweaver to get it done, but can't figure anything out, so have given up, and posted here.

Is anybody out there able to help?

Basically, instead of a white colored background on a certain page, I want an image of some programming to fill the background, but very lightly can you see it.

If that makes sense?

2 Answers

you might want to try something like this.

<div id="bodyBG"></div>
<h1>Content Title</h1>
<p>It is a long established fact that a reader will be... </p>
#bodyBG {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('http://goo.gl/SbgDlz') no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.6;

Thanks for the fast reply.

I'll give it a shot and let you know how I go.