1

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

(见这里:http ://tm26.be/healthcare/index.html - 每个内容面板上的橙色和白色小球)

我用来移动地球仪的 CSS 是这样的:

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

1 回答 1

2

像这样将悬停条件放在容器上:

.box1 .img {position:absolute;bottom:-30px;right:0px; transition:.65s;}
.box1:hover .img {bottom:10px;}
于 2012-11-20T20:52:41.637 回答