Board Thread:Support Requests - Getting Technical/@comment-5030775-20190320235535

I recently implemented and began experimenting with Tooltips on my wiki. The intention (at least, the first goal) is to have an image show up when I hover over a link, with no background whatsoever - the image has transparency. I was able to create and customize the tooltip, but for some reason there's an ugly yellow background to it no matter how I fiddle with the background settings. This is the snippet from wikia.css: .transparent-tooltip { background-color:transparent; color:#ADD8E6; border:0px; } With that, I get the first image on the right. If I set the background to black (#000000), I get the second image, which leads me to think that I'm using the tooltips wrong.

Here's the Tooltips snippet from common.js: var tooltips_list = [ {       classname: 'fauna-tooltip', parse: '{' + '{Tooltip/Fauna|<#param#>}}' } ];

And the relevant links:
 * Tooltip template, which is supposed to read from the CSS and apply the background to the test inside.
 * Tooltip-fauna template, which takes an image and a text parameter. This is what common.js parses from.
 * Test page - this is where I'm testing the tooltip.

I was having trouble understanding how to set up the tooltips at first as there was no guide - I ended up trying to imitate the Age of Wonders 3 wiki and the League of Legends wiki, neither of which seem to have this problem. 