只有当悬停在div的顶部时，Div悬停才会发生变化

Question

在这里直播链接 http://soloveich.com/pr1-1/

出于某种原因，div鼠标悬停只有在鼠标移过部件时才会发生变化，这是在灰色内容背景之上。 当它在下半部分徘徊时 - 没有任何变化

 <li><a class="ml" href="http://soloveich.com/pr1-1/?page_id=66"><div class="tabs1"><div id="t1">
    </div></div>
    </a></li>

css代码

#t1 {
height: 519px;
width: 271px;
background-image: url(images/t1.png);
background-repeat: no-repeat;
}
#t1:hover {
background-image: url(images/t1r.png);
}

没有将所有4个放在这里，因为它们都是一样的

Answer 1

#cnt1元素位于div之上，并阻止悬停操作。 你必须使用z-index和定位...两个较少的声誉来发表评论，sry：）。

<强>更新 对不起，现在我不确定。但您应该尝试运行tFirefox，右键单击此div，运行inspect元素，然后单击3D视图图标（右上角）。然后应该澄清一切。

好我知道 您必须将悬停效果应用于整个事物的第一个孩子。 Div在里面，a在里面。所以我认为li:hover是一个答案。后台也应该应用于li元素。希望它有所帮助。