The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Link ruins hover overlay
Trying to show text when an image is hovered. I got this so far http://codepen.io/anon/pen/qdoNVL?editors=110
Now I want to add a link where it says (Link)
<span>Some title <a href="#">(Link here)</a></span>
Like that, but it seems to ruin the whole thing :(
and I don’t have a clue as to why that is.
Hey thanks for the reply! I want to add a link tag to where it says (Link here) now if you try that you’ll notice that the overlay doesn’t display at all. I really don’t know why, was hoping someone could figure out my error.
Yeah, but if you do that, you are nesting a link within a link, so which link are you clicking then? Besides I don’t think that would be valid HTML-code.
It’s definitely NOT valid HTML.
If you want that functionality, take the .details div out of the link and make that an absolutely positioned element over the whole image wrapper element
Then you can add anything you like inside it including links.