将图像分成多个div

Question

我正在尝试将图像分成多个div。我的主要目的是使这些div可点击，并用另一张图片替换点击的div（例如，将颜色更改为绿色表示“确定”，或将红色更改为“错误”）。如何使div可点击？

Answer 1

我认为，最安全的选择是先分割图像并创建单独的块（div或tds）。

然后您可以更改图像的来源。

但是，如果您真的想保留一张图像，则可以考虑使用JavaScript并为整个图像块创建事件监听器，同时它将检查您单击的Y，X坐标，并在其中插入新的div ，您将在其中放置具有某些属性的图像（例如，background-position，它定义为仅显示该图像的一部分）...

我猜想，PHP还具有一些图像切片功能，因此它可能会为您生成“较小”的图像，并且基于位置（同样来自JavaScript），您将获得所需子图像的来源。

编辑

也...您可以只将背景图像作为容器div的一部分，并以指定的宽度和高度放置div，以便它们覆盖您的背景，但将可见性设置为隐藏，对所有对象应用事件侦听器其中，这只会切换可见性（或只切换可见性的类）。