hover z-index and positioning ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ I broke my sick-wikilink-hover recently in a refactor, today I did some diving in to figure out what happened. Date: January 23, 2025 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. Image: image 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. Image: image After ───── After properly setting position to relative on the list-item, the hover image is raised above the others. Image: image