在悬停时显示div并保持显示

Question

我有一个div，它将在另一个div的悬停中显示，但在徘徊时它会再次隐藏。我在 CSS 的帮助下尝试不要隐藏div ，但没有办法。

a:hover b {
  opacity : 1
}

a:unhover b {
  opacity : 1
}

div元素仅在悬停后显示，但在悬停时不应隐藏。

Answer 1

希望这会有所帮助。

  

我使用关键帧动画来产生所需的结果：

＆＃13;

＆＃13;

    JsonReader reader = Json.createReader(inputStream);
    JsonObject object = reader.readObject();
    object.get(key) ...

＆＃13;

@keyframes hoverdisplay {
  0% {
   
    opacity: 0;
    max-height:0;
	
  }
  100% {
    
    opacity: 1;

	
  }
}
 .hoverForever div {
  animation: hoverdisplay 1ms backwards paused;   
}
.hoverForever:hover > div {
  animation-fill-mode: forwards;
  animation-play-state: running;

}

div {
  display: block;
 
  background: green;
  	width: 150px;
	height: 150px;
 
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

http://jsfiddle.net/sELKu/152/ 请检查

#a:hover+ #b{
  display:block;
}

更新了小提琴 http://jsfiddle.net/sELKu/153/ 请检查一下 的 CSS

#a,
#b {
    width: 100px;
    height: 50px;
    background: black;
}
#b {
    margin-top: 50px;
    opacity: 0;
    transition: 0s 180s;
}
#a:hover+ #b {
    opacity: 1;
    transition: 0s;
}
#a {
    transition: 0s 180s;
}