Transparencia en objetos (Opacidad)

Esto no es un truco ni demás, solo es un atributo de CSS que hace a cualquier objeto de una página web, disminuir la opacidad y hacer que se vean un poco transparentes, si no me estas entendiendo puedes hacer clic en:

Mostrar Ejemplo

[cerrar] /!\Trata de seleccionar algo!!!

[1] Para disminuir la opacidad de un objeto solo le agregaremos estas lineas de estilo:

filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;

Las lineas de estilo en un objeto podemos agregarlas en el mismo objeto de la manera:

<div style="LINEAS DE ESTILO"></div>

O puedes agregarlo en cualquier nivel de una tabla.

<table style="LINEAS DE ESTILO">
  <tr style="LINEAS DE ESTILO">
    <td style="LINEAS DE ESTILO">
    </td>
  </tr>
</table>

O podemos agregarla desde el head antes de ]]></b:skin>

/*Las id de los objetos se encuentran en <div id="AQUI">*/
#id del objeto {
  LINEAS DE ESTILO
  LINEAS DE ESTILO
}
/*Las clases de los objetos se encuentran en <div class="AQUI">*/
.clase del objeto {
  LINEAS DE ESTILO
  LINEAS DE ESTILO
}
/*Las etiquetas de los objetos se encuentran en <AQUI>:<widget>,<div>*/
etiqueta del objeto {
  LINEAS DE ESTILO
  LINEAS DE ESTILO
}

[MODIFICACIONES] Esta claro, para ver el objeto mas transparente, tenemos que aumentarle a los número en rojo, que son validos de 0 a 100 y en el caso de .60 llega hasta el 1.