DIV transparente sin afectar al contenido

Si lo que quieres conseguir es algo como lo siguiente:

Ejemplo fondo transparente

Aquí te dejo una guía de como hacerlo…

  1. Crea una imagen de 10x10px con algún editor de imagenes, ya sea Photoshop, Fireworks, Gimp, etc. Recuerda que el fondo del lienzo debe ser transparente.
  2. Guarda el fichero en formato PNG.
  3. Agrega las siguientes líneas CSS:
    [CSS]
    tag { background: url(ruta/imagenes/imagen.PNG); }
    [/CSS]
  4. Esta imagen se repetirá como fondo del tag (div, body, etc). También puedes agregarle bordes redondeados. El código sería el siguiente:
    [CSS]
    tag { background: url(ruta/imagenes/imagen.PNG); border-radius:5px }
    [/CSS]

Con estos sencillos pasos ya tienes un div con fondo transparente sin afectar al contenido.

Espero que te haya sido de ayuda…