参见英文答案 >
Using only CSS,show div on hover over <a>8个答案这里是CSS示例如何显示隐藏的div(悬停):
- <div class="showhim">HOVER ME<div class="showme">hai</div></div>
和
- .showme{
- display: none;
- }
- .showhim:hover .showme{
- display : block;
- }
我可以显示一个div,同时使用CSS隐藏另一个div?
这里是如何使用JS为此目的的示例:http://jsfiddle.net/joshvito/GaZQ6/
解决方法
http://jsfiddle.net/MBLZx/
这里是代码
- .showme{
- display: none;
- }
- .showhim:hover .showme{
- display : block;
- }
- .showhim:hover .ok{
- display : none;
- }
- <div class="showhim">
- HOVER ME
- <div class="showme">hai</div>
- <div class="ok">ok</div>
- </div>