代码之家 › 专栏 › 技术社区 › Robby

Div在IE中悬停时消失

css html

-1

Robby · 技术社区 · 6 年前

我不知道这里发生了什么。在Firefox和Chrome中,这是正常工作的,但在IE中不是这样的。我有一个固定的div(firstdiv),在悬停时显示另一个div(hiddendiv)。只要有一个div被悬停在上面,这个div就应该保持可见。然而,在IE中,当你将鼠标悬停在它上面时,它就消失了。为什么会这样?

我试过尝试不同的z索引值和定位,但我不明白为什么IE不能正确处理这个问题。

.firstdiv {
background: red;
position: fixed;
left: 10px;
bottom: 10px;
height: 50px;
width: 50px;
cursor: pointer;
z-index: 1110;
}

.hiddendiv {
background: blue;
position: fixed;
bottom: 60px;
height: 40px;
width: 244px;
display: none;
cursor: pointer;
z-index: 1200;
}

.firstdiv:hover + .hiddendiv {
display: block;
cursor: pointer;
}

.hiddendiv:hover {
display: block;
cursor: pointer;
}

<div class="firstdiv"></div>
<div class="hiddendiv"></div>

2 回复 | 直到 6 年前

sujithuix 6 年前

当我办理登机手续时,一切正常。

不管怎样,下面的代码可能会帮助你。

.firstdiv:hover + .hiddendiv:hover {
display: block;
cursor: pointer;
}

Robby 6 年前

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前