在一堆点的背景中悬停在瓷砖上--如何显示工具提示？

<div id="tile">瓷砖</div>
<div id="tooltip">工具提示</div>

#tile {
  width: 100px;
  height: 100px;
  background: #ccc;
}

#tooltip {
  display: none;
  background: #fff;
  border: 1px solid #000;
  padding: 5px;
  font-size: 14px;
}

var tile = document.getElementById("tile");
var tooltip = document.getElementById("tooltip");

tile.addEventListener("mouseover", showTooltip);
tile.addEventListener("mouseout", hideTooltip);

function showTooltip() {
  tooltip.style.display = "block";
}

function hideTooltip() {
  tooltip.style.display = "none";
}