Css Div在Div里盘旋在IE里？_Css_Internet Explorer_Html

Css Div在Div里盘旋在IE里？

css internet-explorer html

Css Div在Div里盘旋在IE里？,css,internet-explorer,html,Css,Internet Explorer,Html,我创建了一个网页，其中一个div的id=“x”位于另一个div的id=“y”内。内部div显示：无。当外部div悬停时，内部div的显示设置为“inline”。问题是，只要内部div可见并且我尝试将其悬停，div就会消失，因为它的显示再次设置为“无”。这个问题只存在于IE中，而不存在于FF或Chrome中。在Firefox或chrome中，我可以将外部div悬停，当内部div可见时，我也可以将其悬停 HTML代码： <divid="y">Blah Blah <div id="x

我创建了一个网页，其中一个div的id=“x”位于另一个div的id=“y”内。内部div显示：无。当外部div悬停时，内部div的显示设置为“inline”。问题是，只要内部div可见并且我尝试将其悬停，div就会消失，因为它的显示再次设置为“无”。这个问题只存在于IE中，而不存在于FF或Chrome中。在Firefox或chrome中，我可以将外部div悬停，当内部div可见时，我也可以将其悬停

HTML代码：

<divid="y">Blah Blah
<div id="x">Random Text</div>
</div>

我不确定这是否有效，但请尝试添加另一个外部div：

<div id="y">Blah Blah
    <div id"anotherDiv"><div id="x">Random Text</div></div>
</div>

问题是，当鼠标悬停在divx上时，您正在将另一个对象悬停。您可以通过将鼠标悬停在divx上来解决这个问题，将显示更改为inline，这也可以解决问题

div#x:hover div{display:inline;}

这也将使您能够降低HTML和CSS的大小，因为您可以将y:hover和x:hover组合到CSS中的相同属性，并且您在HTML中只使用了2个div。

您只需要放置适当的doctype即可在IE中使用

<!DOCTYPE html>

您应该有这样一个标记：假设

是一个打字错误

<div id="y">Blah Blah
   <div id="x">Random Text</div>
</div>

废话
随机文本

也可以通过这种方式实现

如果其中一个答案为您提供了解决方案，您应该标记一个答案。

<!DOCTYPE html>

<div id="y">Blah Blah
   <div id="x">Random Text</div>
</div>

#y:hover #x{
        display:inline;
    } 
#x{
    display:none;
}