Se sobrepone el fondo al contenido

[TheY2J]

Hola a todos, como se darán cuenta soy 'nuevo' en el foro, aunque lo he estado siguiendo desde hace tiempo.

Bien, tengo un problema muy grande, la verdad es que apenas estoy aprendiendo, entonces mi conocimiento prácticamente es muy pobre -.- pero eso no me quita las ganas de aprender.

Mi duda es está, espero me puedan ayudar por que de seguro se resuelve facilísimo:

He puesto en 'mi web' una imagen de fondo bajo está orden en el body:

Código HTML:

<img  src="fondo.jpg" class="bg" /> 

Y le di las respectivas propiedades en css para que se 'auto-ajustara' a la pantalla, mi problema es que el contenido de 'mi web', es decir; el menú, los banners y todo lo demás que queda encima ya no aparece -.- osea, al momento de visualizar 'mi web' solo me aparece el 'fondo' exactamente como lo quería pero solo eso, alguien podrá ayudarme en decirme ¿que ando haciendo mal? supongo que es fácil.

De antemano, muchas gracias por su ayuda.

[pzin]

Lo que haces mal es poner usar un elemento en vez de usar esa imagen como fondo de verdad.

Prueba a quitar esa imagen, y en body (en el elemento body) le das estas propiedades mediante CSS.

Código CSS:

body {
    background-image: url('fondo.jpg');
}
 

Luego ya puedes hacer más cosas con ese fondo con otras propiedades, pero la idea es ponerla como fondo de verdad, no como un elemento más.