CSS悬停的多个目标和效果

Question

我在这里查看了其他问题并尝试了各种代码，但似乎没有任何影响我的结果：没有任何作用，但悬停背景会改变正在悬停的元素。

理想情况下，代码会产生更改正在悬停的元素的背景图像的效果，但也会移动一个带转换的单独div。

这是我的Css for the hover div（比如鼠标悬停效果按钮）和div我想继续移动。

这个想法是div的滑动效果，而“按钮”具有主动和被动状态：

#custom-div-welcome2 {
background: transparent;
position: absolute;
top: 0px;
left: 53px;
width: 325px;
height: 385px;
overflow: auto;
z-index: 0;
transition: top 2s;
-webkit-transition: top 2s;
}

#custom-div-AboutButton a{
background: transparent url(junk.png) no-repeat;
position: absolute;
left:710px;
top: 325px;
width: 115px;
height: 22px;
z-index: 1;
}

#custom-div-AboutButton a:hover {
background: transparent url(stuff.png) no-repeat;
}

#custom-div-AboutButton a:hover #custom-div-welcome2{
top: 180px;
}