Efecto

Eso que vés no es un efecto, es una instrucción CSS al fondo de una página web. El "efecto" visual consiste en dejar el fondo fijo. En el curso paso a paso puedes ver los detalles para css. Y si solo lo agregas en el mismo doc html, así se hace:

<style type="text/css">
body
{
background-image:
url(tu-imagen-de-fondo-aqui.jpg');
background-repeat:
no-repeat;
background-attachment:
fixed
}
</style>
Cual es el código para hacer que el que el div global o el contenido quede transparente.

Este código es para la imagen de fondo

background-image:
url(tu-imagen-de-fondo-aqui.jpg');

este código es para poner la imagen fija

background-attachment:
fixed

¿pero cual es para hacer trasparente el div que se mueve?
<style>body{background-image:url("aqui-tu-imagen.gif");background-color:#000000; background-attachment:fixed;background-position:bottom;}</style>

Este es el codigo para que la imagen de fondo no se corra, para que siempre cubra la pantalla completa y siempre esta asi sin moverse con el index. Solo tienes que cambiar la direccio de la imgen. Agrega este codigo al index entre <head> y </head>