div中的图像-鼠标悬停在潜水中的任何位置

Posted 2023-05-08

【中文标题】div中的图像-鼠标悬停在潜水中的任何位置

【英文标题】：image in div- hover when mouse anywhere in the dive

【发布时间】：2012-11-09 00:44:18

【问题描述】：

我在我网站的内容区域内有一张图片，我希望图片在该内容区域内的任何地方悬停时只浮动一点...不知道如何做到这一点 - 到目前为止它只会向上移动将鼠标悬停在图像本身上时 - 无法将 css 添加到整个内容框，因为我不希望其他内容移动，只是图像。

（参见此处：http://tm26.be/healthcare/index.html - 每个内容面板上的橙色和白色小球）

我用来移动地球仪的 css 是这样的：

.img position:absolute;bottom:-30px;right:0px; transition:.65s;
.img:hover bottom:10px

【参考方案1】：

像这样在容器上放置悬停条件：

.box1 .img position:absolute;bottom:-30px;right:0px; transition:.65s;
.box1:hover .img bottom:10px;