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 8 and below */
  background: none;
  zoom: 1;
  /* for all decent browsers */
  background-color: rgba(10, 87, 135, 0.55);
  /* For IE 5.5-7 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787)";
  padding: 20px;
  font-weight: bold;
}
div#wrap {
    background-image: url(http://graphicalerts.files.wordpress.com/2011/01/paper-texture-10.jpg);
}