JSFiddle - React, Tailwind, and code Playground

HTML

<div>Куча текста, не имеющего никакого смысла, единственная задача которого — заполнить как можно больше пространства. Как-то так. Ну, уж как получилось, не обессудьте. 
<div class="link">Показать меню
<ul class="menu">
    <li><a href="http://www.123rf.com/photo_8952719_wood-tile-seamless-texture.html">Сайт с текстурой</a></li>
    <li>И т.п.</li>
</ul>
</div>
</div>

CSS

body, .menu { background: url(http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0907/kgtoh090700474/5158421-wood-texture-background-illustration-seamless-tiling-surface.jpg) 0 0 repeat fixed; }
div { margin: 25%; }
.menu { position: absolute; padding: 1em; left: -2em; top: -2em; -moz-box-shadow: 2px 2px 12px #000; -webkit-box-shadow: 2px 2px 12px #000; box-shadow: 2px 2px 12px #000; display: none; }
.link { display: inline; position: relative; color: blue; border-bottom: 1px dashed; margin: 0; }
.link:hover .menu { display: block; }