css - IE 8 CSS，将鼠标悬停在 http ://kabenwireless.net/的导航项上时不显示子菜单

<分区>

我正在一家公司的这个网站上工作，我遇到了 IE8 中的 CSS 问题，当您将鼠标悬停在导航选项卡上时，该 CSS 允许显示子菜单。

当您将鼠标悬停在导航中的某些菜单项上时，应该会出现一个子菜单。这在 IE8 中不起作用，但它在 IE 以外的所有其他浏览器中都起作用。

如果您能帮助我们在 IE8 中使用这些样式，我们将不胜感激。

最佳答案

最大的问题是在 #access 上, 你正在使用 filter对于不透明度:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter: alpha(opacity=95);

使用那些filter s 导致 overflow: hidden - 效果。就像#access有overflow: hidden .您会明白为什么这会阻止您的子菜单显示。

您需要不为 IE 使用不透明度，或者您需要重构应用不透明度的方式，同时牢记 overflow: hidden效果。

将不透明度应用于仅下拉菜单可能会起作用。

也许 CSS3 PIE(您已经在使用它)可以帮助您。查查怎么做rgba有了它，它就像-pie-background: rgba(0,0,0,0.5) .

您可以通过以下方式快速验证我所说的内容:

关于css - IE 8 CSS，将鼠标悬停在 http ://kabenwireless.net/的导航项上时不显示子菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5822782/

相关文章：

css - 不同浏览器的字体大小差异很大