CSS Opacity : Transparent Box

div {
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}

When using the opacity property to add transparency to the background of an element, all of its child elements inherit the same transparency.

This can make the text inside a fully transparent element hard to read.