JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<div class="header">
    Header Name 1
</div>
<p>&nbsp;</p>
<div class="header">
    Header Name 2
</div>
</div>

CSS

div.header {
  /* for IE 6-8 */
  background-color: #0a5787;
  background: transparent;
  /* for all decent browsers */
  background-color: rgba(10, 87, 135, 0.55);
  /* For IE 5.5-7 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000)";
  padding: 20px;
  font-weight: bold;
}
div#wrap {
    background-image: url(http://graphicalerts.files.wordpress.com/2011/01/paper-texture-10.jpg);
}