html - 如何在悬停图像上显示多个文本链接，同时图像也会改变

Question

当我试图将鼠标悬停在链接上时，图像不断翻转，我的问题是当我将鼠标悬停在文本链接上时图像不断翻转

/** for flipping the image on hover **/
#image:hover {
background: url(/image/product.jpg);
}

#image {
background: url(/image/greenflip.jpg);
height: 430px;
width: 281px;
margin: 0 auto;
}
#link {display:none;}
#image:hover + #link { display:block}