IE 8 CSS,将鼠标悬停在 http://kabenwireless.net/ 上的导航项目上时不显示子菜单
我正在为一家公司开发这个网站,我遇到了 IE8 中 CSS 的问题,该 CSS 允许当您将鼠标悬停在导航选项卡上时显示子菜单。
当您将鼠标悬停在导航中的某些菜单项上时,应该会出现出现的子菜单。这在 IE8 中不起作用,但在除 IE 之外的所有其他浏览器中都有效。
如果您能帮助我们让这些样式在 IE8 中正常工作,我们将不胜感激。
I'm working on this website for a company and I'm having issues with the CSS in IE8 that allows the sub menus to appear when you hover over the navigation tabs.
When you hover over some of the menu items in the navigation, there is supposed to be a sub menu that appears. This does not work in IE8, but it does work in all other browsers other than IE.
Any help is appreciated in getting these styles to work in IE8.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
最大的问题是,在
#access
上,您使用filter
来实现不透明度:使用这些
filter
会导致overflow:hidden
式的效果。就像#access
具有overflow:hidden
一样。您可以明白为什么这会阻止您的子菜单显示。您需要要么不对 IE 使用不透明度,要么需要重构应用不透明度的方式,同时牢记
overflow:hidden
效果。仅将不透明度应用于下拉列表可能会起作用。
也许CSS3 PIE(您已经在使用)可以帮助您。查看如何使用它来执行
rgba
,它类似于-pie-background: rgba(0,0,0,0.5)
。您可以通过以下方式快速验证我所说的是否正确:
。
filter
规则。The biggest problem is that on
#access
, you're usingfilter
for opacity:Using those
filter
s causes anoverflow: hidden
-esque effect. It's like#access
hasoverflow: hidden
. You can see why that would stop your submenus showing up.You need to either not use opacity for IE, or you need to refactor how you're applying the opacity bearing in mind the
overflow: hidden
effect.Applying the opacity to only the dropdowns would probably work.
Maybe CSS3 PIE (which you're already using) can help you. Look up how to do
rgba
with it, it's something like-pie-background: rgba(0,0,0,0.5)
.You can quickly verify what I'm saying as true by:
<div id="access">
.filter
rule in the right-hand panel.