如何在导航栏的图像上添加:hover ?

Question

在我的导航栏上，不是链接到其他页面的文字，而是图像。我尝试过:hover css技巧，但它没有做任何事情，当我尝试它的文字，它工作得很好。任何帮助将是惊人的!HTML

.home {
position: absolute;
margin-top: 690px;
margin-left: 1935px;
}
.home ul li a:link {
color: white;
}
.home ul li a:visited {
color: white;
}
.home ul li a:hover {
color: blue;
}

<ul>
<li>
<div class="home">
<a href="#">
<img src="home.png" style="width: 650px; height:400px;">
</a>
</div>
</li>
</ul>

Answer 1

你不能在图像上应用color: white;，它只适用于文本元素