我的网站上的内容区域中有一个图片,我希望图片只悬停在该内容区域内的任何位置时浮动一点......不知道该怎么做 - 现在它只会向上移动当鼠标悬停在图像本身上时 - 无法将css添加到整个内容框中,因为我不希望其他内容移动,只是图像。
(见这里:http://tm26.be/healthcare/index.html - 每个内容面板上的小橙色和白色地球仪)
我用来移动地球仪的css是这样的:
.img {position:absolute;bottom:-30px;right:0px; transition:.65s;}
.img:hover {bottom:10px}
答案 0 :(得分:2)
将悬停条件放在容器上,如下所示:
.box1 .img {position:absolute;bottom:-30px;right:0px; transition:.65s;}
.box1:hover .img {bottom:10px;}