I cannot seem to get a background to show up!

As soon as I add any -position or -repeat tags to the CSS the image disappears.

From: colors.css (Bartik - editing for my own interests)

/* ---------- Color Module Styles ----------- */

body.overlay {
  background: url(../images/bg.jpg);
  background-position: 50px 200px;
  background: #000;

Reference website:


I'm a newbie developer so forgive me if this seems obvious, but has the body size been defined?

I've tried moving my background and it seems to work for me.

body {
background: url(../images/skyline.jpg) center;
width: 1000px;
height: 100%;
margin: 0 auto;
background-position: 50px 200px;

Are you sure you have the file destination and name correct?

Be a part of the DaniWeb community

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