我正在为 this website 做导航 并且在使用下拉导航时遇到问题。
基本上，我将 overflow: hidden 应用于包含导航项的容器，以便翻转效果正常工作(导航项的底部被“屏蔽”)；如果您在网站上滚动导航，您就会明白我的意思。
Products 有一个下拉导航。作为内置 Business Catalyst (CMS) 的站点，我无法控制导航项的嵌套方式，但我显然可以使用 JQuery 设置它们的样式/定位它们。
有没有办法让 div#navigation 中的下拉容器忽略我应用的 overflow: hidden 规则？我尝试将 position 设置为 absolute 并使用 z-index，但没有成功。
也欢迎任何能达到相同结果的建议。
最佳答案
解决方法:
从带有 overflow:hidden; 的框中删除 position:relative; 规则，并将其设置为她的父框之一。那么带有 overflow:hidden; 的盒子中的绝对盒子将忽略这条规则。
演示:http://jsfiddle.net/88fYK/5/
关于CSS 忽略溢出 : hidden，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7074114/