JSFiddle - React, Tailwind, and code Playground
HTML
<div class="play kirkbridge" data-playUrl="/myPlayUrl"></div>
<div class="play placehold" data-playUrl="http://www.google.com"></div>
CSS
div.play
{
width:100px;
height:100px;
position:relative;
}
div.play a
{
position:absolute;
top:20px;
left:30px;
display:none;
}
div.play:hover a
{
display:block;
}
div.play.kirkbridge
{
background-image:url('https://i1.sndcdn.com/avatars-000008744854-5sr588-large.jpg?d408275');
}
div.play.placehold
{
background-image:url('http://placehold.it/100x100');
}
JavaScript
$(function(){
$("div.play").each(function(){
var $this = $(this);
$this.append("<a href='" + $this.attr("data-playUrl") + "'><img src='http://www.newmusicproducer.com/img/ic_play.png'></a>");
});
});