Question

Del siguiente código:

<div id="fondo" style="background-color:#ff0000;padding:20px;">
    <h1 style="background-color:#0000ff;color:#00ff00">Título</h1>
</div>

¿Qué debo cambiar para lograr transparencia sólo en el fondo del DIV#fondo y mantener opacos sus elementos contenidos?

Answer 1

Tienes que usar colores rgba:

div#fondo { background-color: rgba(255, 0, 0, 0.5); }

El último valor (0.5) es el que determina la transparencia, y puede variar de 0 a 1, siendo 0 transparente del todo y 1 opaco.