Jquery 图像悬停时随机放置的数字

我有一个关于网页的问题。 我想在一页上随机放上数字，就像贴在墙上一样。只是数字。当我将鼠标悬停在一个数字上时，它应该会显示一个图像。图像永远不能显示在数字上

如下图所示，有人能告诉我这样放置数字的最佳方法吗？我觉得填充和边距不是最好的方式，但我不知道是什么

当我悬停时，图像永远不应该位于数字上方。它是否超过另一个数字并不重要，但不是它注定要超过的那个数字。

---

我没有要求任何人帮我做这个数学题，只是我应该怎么想。解决这个问题的聪明方法。

也许可以尝试使用javascript：

document.getElementById("one").innerHTML = "1.jpg";

---

试试这样的。输入所需的平铺数量，并添加“显示图片”，而不是更改

backgound颜色

这段代码创建一个随机的数字顺序

函数开始（）{
var maxNumber=8，
div=“”，
数组=[]；
while（array.length=maxNumber）中断；
}
div+=“”；
如果（i+1>=maxNumber）中断；
}
$（“#数字面板”）。追加（div）；
对于（变量i=0；i
正文{
填充：10px；
利润率：10px；
}
.瓷砖{
边框：1px纯黑；
填充：15px；
最大宽度：85px；
最大高度：85px；
宽度：85px；
高度：85px；
}



请向我们展示您迄今为止为实现这一点所做的努力。请提供一些代码以查看您所做的工作。从屏幕分辨率x&y中提取随机数，并将其指定为每个数字的绝对位置。好的，我将在代码笔链接中发布：这不是您想要的，对吗？：D@Nicklaskarssonit是我想要创建的一个开始：）我需要在我发布的图像中更像地放置数字，然后我需要数字的悬停效果，它们应该显示数字之外的图像。但是我喜欢jQuery解决方案