Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Timmy Showler
Timmy Showler
Courses Plus Student 867 Points

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

Chyno Deluxe
Chyno Deluxe
16,936 Points
Chyno Deluxe
Chyno Deluxe
16,936 Points

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;
  top:0;
  width: 100%;
  height: 100%;
  background: url('http://goo.gl/SbgDlz') no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.6;
}
Timmy Showler
PLUS
Timmy Showler
Courses Plus Student 867 Points
Timmy Showler
Timmy Showler
Courses Plus Student 867 Points

Thanks for the fast reply.

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

Cheers.

Tim.