我希望CSS悬停效果影响多个链接到同一图像。如果您查看此示例站点,则我具有维修,销售,升级和数据恢复链接。当您将鼠标悬停在任何一个上时,我希望它们左边的图像发生变化。您可以将鼠标悬停在当前那里的图像上,以查看我的意思。
网站:http://ctuchicago.squarespace.com/
最佳答案
我将创建一个包含图像和所有链接的框。然后,当框悬停在上方时,图像将发生变化。这并不能完全满足您的需要-仅将鼠标悬停在链接上会更改图像,但是我认为它足够接近且容易得多。
http://jsfiddle.net/mrtsherman/D5ZRs/
div:hover img { background: url('blah'); }
<div>
<img src="" />
<a href="">Repair</a>
<a href="">Sales</a>
</div>
关于css - 不同的链接CSS悬停更改图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7603807/