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

发布于 2024-11-04 06:10:49 字数 278 浏览 0 评论 0原文

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

http://kabenwireless.net/

当您将鼠标悬停在导航中的某些菜单项上时,应该会出现出现的子菜单。这在 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.

http://kabenwireless.net/

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

半岛未凉 2024-11-11 06:10:49

最大的问题是,在 #access 上,您使用 filter 来实现不透明度:

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

使用这些 filter 会导致 overflow:hidden 式的效果。就像#access 具有overflow:hidden 一样。您可以明白为什么这会阻止您的子菜单显示。

您需要要么不对 IE 使用不透明度,要么需要重构应用不透明度的方式,同时牢记 overflow:hidden 效果。

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

也许CSS3 PIE(您已经在使用)可以帮助您。查看如何使用它来执行rgba,它类似于-pie-background: rgba(0,0,0,0.5)


您可以通过以下方式快速验证我所说的是否正确:

  • 在 IE8 中打开您的网站。
  • 按 F12 打开开发人员工具。
  • 检查
  • 取消选中右侧面板中的filter 规则。

The biggest problem is that on #access, you're using filter for opacity:

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

Using those filters causes an overflow: hidden-esque effect. It's like #access has overflow: 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:

  • Opening your site in IE8.
  • Pressing F12 to open the Developer Tools.
  • Inspecting <div id="access">.
  • Unticking the filter rule in the right-hand panel.
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文