如何制作带有悬停弹出的颜色网格？

Question

我想做这样的东西来展示不同类型的墙漆。我需要能够将其用作 iframe。

它应该在网格中显示颜色，当悬停在每个框上时，它应该显示颜色名称和代码。 （下附）

Example image

Answer 1

https://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_hover_nav你可以改进一下

#box-one{
   background: url('**') 50px 50px;
}
#box-one a:hover {
  /*pop up css*/
}