使用CSS和HTML进行悬停时显示
问题描述:
如何显示儿童div
当悬停标记时? 当光标悬停定位标记时,我想显示div
与botm
类。这是我使用非常和善保持标签以相同的顺序确切的方案:使用CSS和HTML进行悬停时显示
HTML:
<a> Hover me!</a>
<div class="faraz"> sdjfg
<div class="dikha">Stuff shown on hover</div>
<div class="botm"></div>
</div>
CSS:
div {
display: none;
}
a:hover ~ .faraz > .botm {
display: block;
background-color: RED;
height: 250px;
width: 960px;
}
.botm {
background-color: #0CC;
height: 50px;
width: 100%;
position: fixed;
top: 90px;
}
答
你的目标DIV的父母因此隐藏它不能被显示。同时显示父母,并且每件事都会起作用。
a:hover ~ .faraz{
display:block;
}
PERFECTO ...谢谢,我希望我的名声是ATLEAST 15,所以我可以给U + – hfarazm 2013-03-22 06:08:27
请看看这段代码 http://jsfiddle.net/farazi482/r2Zyp/ 2/ 我想显示menuDropDOWN类div只有当我悬停在链接类div – hfarazm 2013-03-22 06:52:44
问题解决的列表项。 – hfarazm 2013-03-22 07:14:41