Question

我已经设置了一堆div，当你将鼠标悬停在父级上面时，我试图在子div上交换类。现在我正在尝试使用jQuery，但我也很乐意使用伪类。

悬停不起作用，我认为这是因为样式被列为内联，但是当我从内联中删除样式并将其作为一个类时，整个div就会消失。它假设是一个3d堆栈，所以它只是一个带有白色背景和不透明度设置的div。

<小时/> div是：

<div id = "3dstack_4" class = "3dstack_4_nohover"></div>

...我将该课程列为：

.3dstack_4_nohover {
    border:0px solid red;
    -webkit-transform: translate3d(1px, 14px, 0px);
    position:absolute;
    z-index:12;
    height:34px;
    width:46px;
    background-color:#ffffff;
    opacity:.3;
}

<小时/> 这是jsFiddle：http://jsfiddle.net/7EH7X/4/。感谢您对此的任何想法。

Answer 1

我会用CSS做到这一点。这是一个非常简单的例子：

HTML

<div id="container">
    <div>A</div>
    <div>B</div>
</div>

CSS

#container > div {
    display: none
}
#container > div:first-child {
    display: block
}
#container:hover > div {
    display: block
}

然后在进度时添加其他详细信息。这是DEMO

祝你好运。

css课程不起作用

1 个答案: