Question

然而，我最近一直在自学CSS和Javascript / jQuery。我更倾向于通过解析已存在的代码来学习。我目前的“项目”是：http://jsfiddle.net/wqc42v6p/

我试过这样的东西：

#Premise {visibility:hidden;}
#Premise:hover {visibility: visibile;}

没有结果。

我最终想到如果前提div是隐藏的，也许是不可能将鼠标悬停在它上面。我不确定如何将鼠标悬停在一个div上影响另一个div的可见性属性。即使这样有效，我想，那么鼠标并没有真正地悬停在div上：hover psuedo ...所以它可能会消失......我的理论也是如此。我甚至不知道。就像我说的，我是自学成才。

当悬停离开该区域时，当该区域徘徊时，我也希望它能够消失。

Answer 1

您可以使用opacity:0和opacity:1

http://jsfiddle.net/p289a03w/

Answer 2

你可以使用＆＃39; opacity＆＃39;而不是“可见性”，并添加“过渡”＃39;宣布过渡时间。

试试这个：

#Premise {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    color: white;
    opacity: 0;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#Premise:hover{
    opacity:1;
}

Answer 3

我觉得非常愚蠢。我发现了一种有效的方法：

#Premise {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    color: white;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s; 

}
#BlightOne:hover > #Premise{
    visibility: visible;
    opacity: 1;
}

道歉。

css（或jQuery）在悬停时淡出？

3 个答案: