Html CSS3：只有我导航的最后一个类在工作

因此，我尝试创建一个带有div的菜单，这样我就可以使用：hover，并在您将鼠标悬停在每个按钮上时显示一个图像，我的每个链接的html是：

<div class="home homeTwo">
        <img src="images/homebanner.jpg" width="120"  alt="homebanner">
    <div class="homeMask"><a href="home.html" class="to2Page">Home</a>
    </div>
</div>

---

我有7个额外的类做同样的事情，但只有最后一个工作。我做错什么了吗？

您还没有在CSS文件中定义类“home home 2”。。 如果你删除你的第一个家，它将是罚款。 你有这个

<div class="home homeTwo">
        <img src="images/homebanner.jpg" width="120"  alt="homebanner">
    <div class="homeMask"><a href="home.html" class="to2Page">Home</a>
    </div>
</div>

应该是这样的：

<div class="homeTwo">
    <img src="images/homebanner.jpg" width="120"  alt="homebanner">
<div class="homeMask"><a href="home.html" class="to2Page">Home</a>
</div>

---

@SuperHornet您只需将代码从这里移到JSFIDLE即可。。用户应该共享代码，小提琴是额外的安慰：）关于这一点：

http://jsfiddle.net/QpK9g/

，这是有效的抱歉，但是home和home Two都是此效果有效所必需的，我在没有home Two的情况下尝试过，但它不起作用。

<div class="homeTwo">
    <img src="images/homebanner.jpg" width="120"  alt="homebanner">
<div class="homeMask"><a href="home.html" class="to2Page">Home</a>
</div>