A div with a background image is causing issues when links are placed on top of it. The links do not display the underline when hovering over them, unlike other links on the page.
Below is the code snippet causing the problem:
<div style="min-height:200px;">
<div class="backgroundImg"
style="background: url(/my/url.png) no-repeat; height:140px; width: 140px;position: absolute;>
</div>
<div style="z-index:30">
<a href="#">My link here</a>
</div>
</div>
Apologies for any language barriers in my explanation. The issue should be clear despite this. Thank you for your understanding.
Regards, Danilo
Edit:
I discovered the error - the "absolute" property must be used in both divs for z-index to work properly.
Thank you for the helpful suggestions! ;-)