我在我的网站的内容区域内有一张图片,我希望图片在该内容区域内的任何地方悬停时只浮动一点......不知道如何做到这一点 - 到目前为止,它只会在鼠标悬停时向上移动图像本身 - 无法将 css 添加到整个内容框,因为我不希望其他内容移动,只是图像。
(见这里:http ://tm26.be/healthcare/index.html - 每个内容面板上的橙色和白色小球)
我用来移动地球仪的 CSS 是这样的:
.img {position:absolute;bottom:-30px;right:0px; transition:.65s;}
.img:hover {bottom:10px}