Internet explorer 溢出:隐藏;鼠标悬停在Internet Explorer上时的奇怪行为
鼠标悬停在Internet Explorer 9.0.8上,菜单的大小将增大。 我发现原因是元素Internet explorer 溢出:隐藏;鼠标悬停在Internet Explorer上时的奇怪行为,internet-explorer,css,Internet Explorer,Css,鼠标悬停在Internet Explorer 9.0.8上,菜单的大小将增大。 我发现原因是元素divider使用了属性overflow:hidden 鼠标悬停时,它为什么会影响元素 这是对代码的修改。我在第一个CSS样式中指出了问题所在。 这就是有问题的风格: .floatingMenu li.divider{ height: 1px; margin: 9px 1px; overflow:hidden; /*PROBLEM INTERNET EXPLORER*/
divider
使用了属性overflow:hidden
鼠标悬停时,它为什么会影响元素
这是对代码的修改。我在第一个CSS样式中指出了问题所在。
这就是有问题的风格:
.floatingMenu li.divider{
height: 1px;
margin: 9px 1px;
overflow:hidden; /*PROBLEM INTERNET EXPLORER*/
background-color: #E5E5E5;
border-bottom: 1px solid #FFF;
}
如果我们去掉
溢出:隐藏代码>一切正常。当您从中删除宽度:100%时,问题消失。当您从中删除宽度:100%时,问题消失。当您从中删除宽度:100%时,问题消失。浮动菜单li它正在发生,它似乎是基于IE的100%宽度部分的另一种解释以及div定义的大小
没有设置或最大宽度的div或ul中的100%宽度可以解释为其嵌套的最大div的宽度,这似乎是正在发生的情况。如果删除100%宽度或对ul应用set或max width,则会将其限制在该分层宽度内
这在一定程度上也可能是应用于ul的绝对定位的一个因素,因为它可能忽略相对定位的div的宽度高于其自身
我相信这可以进一步解释正在发生的事情。它的发生似乎是基于IE对100%宽度部分的另一种解释,以及div定义的尺寸
没有设置或最大宽度的div或ul中的100%宽度可以解释为其嵌套的最大div的宽度,这似乎是正在发生的情况。如果删除100%宽度或对ul应用set或max width,则会将其限制在该分层宽度内
这在一定程度上也可能是应用于ul的绝对定位的一个因素,因为它可能忽略相对定位的div的宽度高于其自身
我相信这可以进一步解释发生的事情。在ie9中,你的小提琴似乎对我很好,但一个想法是在你的非分割器上设置一个不同的类,只为那些lis而不是所有的lis执行悬停事件them@Pete当你把鼠标移到菜单上时,它不能正常工作。它变大了。你试过给zoom:1代码>到li的?你有什么理由反对只给ul一个宽度吗?你的小提琴在ie9中对我来说似乎很好,但一个想法是在你的非分割器上放一个不同的类,只为那些li而不是所有的li做悬停事件them@Pete当你把鼠标移到菜单上时,它不能正常工作。它变大了。你试过给zoom:1代码>到李的?你有什么理由反对只给ul一个宽度吗?我知道,但是。。。为什么在鼠标悬停时会使家长变大?有人看到下面的逻辑吗?我知道,但是。。。为什么在鼠标悬停时会使家长变大?有人看到下面的逻辑吗?