Tags
I broke my
sick-wikilink-hover
recently in a refactor, today I did some
diving in to figure out what happened.
Before #
As you can see in the screenshot below, the link is in a list of links, and when the hover image pops up it sits behind all of the other text. The z-index of the list-item is supposed to be raised above the others on hover.
Manually setting z-index to 20 in the inspector I noticed this message from devtools, "The position: static property prevents z-index from having an effect. Try setting position to something other than static.", looking back at some of my refactoring I had relative in an old template and it was lost.
After #
After properly setting position to relative on the list-item, the hover image is raised above the others.
