JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Work</li>
    <li>About</li>
    <li>Who We Are</li>
    <li>Contact</li>
</ul>

<img src="http://lorempixel.com/output/city-q-c-400-300-3.jpg" />

CSS

ul {
  padding: 15px;
  background: rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
li {
  margin-right: 30px;
  float: left;
}
img {
  position: absolute;
  top: 0;
  z-index: -99;
}