在“unhovering”之后使CSS Hover状态保持不变

Question

在“unhovering”之后使CSS Hover状态保持不变

我面临一个小问题，我以前从未真正处理过。我是初学网页设计师，最近我在网页上的div上使用了CSS悬停功能。当一个人在这个div上盘旋时，会发现另一张图片; 然而，当你“解开”时，新图像会消失，我希望它保持可见。

以下是我使用的代码示例：

#about {

height: 25px;

width: 84px;

background-image: url('about.png');

position: absolute;

top: 200px;

left: 0px;

}

#onabout {

height: 200px;

width: 940px;

position: absolute;

top: 60px;

left: 0px;

color: #fff;

font-family: 'Lato', sans-serif;

font-size: 15px;

font-weight: 300;

display: none;

}

#about:hover #onabout {

display: block;

}

有没有办法用CSS解决这个问题？到目前为止我还没有使用任何JavaScript，我对它不太满意。

无论哪种方式，任何解决方案都将很乐意接受！非常感谢。