Html 在页面的另一侧显示div

是否可以通过将鼠标悬停在页面另一侧的一个完整的单独div上，仅使用html和css来显示div/imge？此外，是否可以在一个div中显示多个图像

---

我希望创建一个网站，让你可以看到一个div的图像时，你悬停在它，但能够看到每个新的图像在同一个地方。我希望我说得足够清楚，有人能帮助我，谢谢。

我的建议是：你可以使用CSS同级选择器访问隐藏的DIV。下面是我制作的一个快速示例：

CSS（带有一些样式）和HTML（带有虚拟段落以演示页面上的其他元素，另外我在隐藏的DIV中放置了多个图像，因为您询问是否可以在一个DIV中显示多个图像）：

。首先{
位置：绝对位置；
填充：10px；
边框：1px纯红；
背景色：白色；
文本对齐：居中；
右：100px；
底部：100px；
光标：指针；
}
.第二{
显示：无；
背景：白色；
边框：1px纯红；
左侧填充：10px；
}
.第一：悬停~.第二{
显示：内联块；
位置：绝对位置；
顶部：100px；
左：100px；
}
img{
宽度：100px；
高度：100px；
填充：0；
边框：1px纯黑；
利润率：10px；
左边距：0；
}

将鼠标悬停在我身上
同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

我的建议是：您可以使用CSS同级选择器访问隐藏的DIV。下面是我制作的快速示例：

CSS（带有一些样式）和HTML（带有虚拟段落以演示页面上的其他元素，另外我在隐藏的DIV中放置了多个图像，因为您询问是否可以在一个DIV中显示多个图像）：

。首先{
位置：绝对位置；
填充：10px；
边框：1px纯红；
背景色：白色；
文本对齐：居中；
右：100px；
底部：100px；
光标：指针；
}
.第二{
显示：无；
背景：白色；
边框：1px纯红；
左侧填充：10px；
}
.第一：悬停~.第二{
显示：内联块；
位置：绝对位置；
顶部：100px；
左：100px；
}
img{
宽度：100px；
高度：100px；
填充：0；
边框：1px纯黑；
利润率：10px；
左边距：0；
}

将鼠标悬停在我身上
同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

同侧阴唇

我相信您需要使用javascript来实现这一点我相信您需要使用javascript来实现这一点