CSS忽略overflow：hidden [英] CSS ignore overflow: hidden

问题描述

我正在处理 此网站 的导航，并且在下拉列表中遇到问题。

I'm working on the navigation for this website and am having trouble with the dropdown nav.

基本上，我有 overflow：hidden 应用于保存导航项目的容器，正确地（导航项目的底部被屏蔽关闭）;

Basically, I have overflow: hidden applied to the container that holds the navigation items so that the rollover effect works properly (the bottom of the nav item is 'masked' off); you'll see what I mean if you roll over the nav on the website.

产品有一个下拉式导航栏。作为内置的业务催化剂（CMS）的网站，我不能控制导航项是如何嵌套的，但我可以明显地样式他们/目标他们与JQuery。

For Products there is a dropdown nav. As the site in built in Business Catalyst (CMS), I don't have control over how the navigation items are nested, but I can obviously style them / target them with JQuery.

是否有一种方法使下拉列表容器在 div＃navigation 中忽略 overflow：hidden 应用？我已经尝试将 position 设置为 absolute ，并使用 z-index ，但没有运气。

Is there a way to make the dropdown container within div#navigation ignore the overflow: hidden rule I have applied? I have tried setting position to absolute and playing with the z-index, but no luck.

也欢迎任何建议达到相同的结果。

Any suggestions to achieve the same result are also welcome.

推荐答案

overflow：hidden 不能被后代元素覆盖 - 它们总是被溢出：hidden 。

overflow: hidden can't be overridden by descendent elements - they will always be clipped by the element with overflow: hidden.

这篇关于CSS忽略overflow：hidden的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！