这是一个一般性的网页设计问题,但看到我为客户构建的网站是使用 WordPress 构建的,我会先在这里问它。
我的客户有一间两层楼的小屋/小屋。她提供了两层楼的 CAD 平面图和所有房间的照片。她问我是否可以添加当鼠标指针悬停在原始平面图图像中的每个单独房间上时显示房间图像弹出窗口的功能。我知道不知何故我需要创建覆盖原始图像的区域,并将鼠标悬停在显示照片的 CSS 规则上。
我认为这是一个可爱的想法,希望一些聪明的人能够为我指明实现这一目标的正确方向。
非常感谢
请您参考如下方法:
我会将平面图分成更小的部分(正方形或矩形),将它们放入 div 作为背景,然后添加 CSS 或 jQuery,以便将鼠标悬停在 div 上以弹出所述图像。