JSFiddle - React, Tailwind, and code Playground
HTML
<div id="wrap">
<p unselectable="on">some test some text some text some text </p>
<img src="http://www.youthedesigner.com/wp-content/uploads/2008/05/car-wallpapers19.jpg" />
</div>
CSS
#wrap{
position:relative;
}
p{
-moz-user-select: none;
color:white;
font-size:30px;
font-weight:bold;
}
#wrap img{
position:absolute;
left:0;
top:0;
z-index:-1;
}
JavaScript
$("p").click(function() {
$(this).parent().find('img').trigger('click')
});
$('img').click(function() {
alert('image clicked');
})