Superfish 风格的下拉菜单不会在 IE 中显示
我现在已经禁用了 superfish js,所以它是纯 CSS 的。网址为 http://pittsculture.studiotwo.com/category/outdoors-recreation/。在 FF 和 Chrome 中看起来不错。但是,不管您相信与否,IE 的下拉菜单存在问题(例如,在“户外”和“休闲”下)。谁能告诉我为什么吗?
I've disabled the superfish js for now so it's pure CSS. The URL is http://pittsculture.studiotwo.com/category/outdoors-recreation/. It looks fine in FF and Chrome. But, believe it or not, IE has a problem with the dropdowns (e.g., under Outdoors and Recreation). Can anyone tell why?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在
#main-nav
上,您需要删除filter
规则。过滤器
导致 Internet Explorer 的行为就像您已将overflow: hide
应用到元素一样。现在你的下拉菜单可以工作,但它失去了渐变。
您可以通过将刚刚删除的相同
过滤器
添加到#menu-category-navigation
来以不会导致相同问题的方式重新添加渐变。据我所知,它看起来是一样的。On
#main-nav
, you need to remove thefilter
rule. Thefilter
is causing Internet Explorer to behave as though you have appliedoverflow: hidden
to the element.Now your dropdown menu works, but it's lost the gradient.
You can add the gradient back in a way that won't cause the same problem by adding the same
filter
you just removed to#menu-category-navigation
. As far as I can tell, it looks identical.