CSS忽略溢出:隐藏

Mar*_*rty 22 css drop-down-menu

我正在为这个网站的导航工作,我遇到了下拉导航的问题.

基本上,我已经overflow: hidden应用于容纳导航项的容器,以便翻转效果正常工作(导航项的底部被'屏蔽'关闭); 如果你在网站上滚动导航,你会明白我的意思.

对于产品,有一个下拉导航.作为内置在Business Catalyst(CMS)中的站点,我无法控制导航项的嵌套方式,但我可以使用JQuery显然对它们进行样式化/定位.

有没有办法让下拉容器div#navigation忽略overflow: hidden我应用的规则?我曾尝试设置positionabsolute,并与播放z-index,但没有运气.

任何建议都可以获得相同的结果.

Ser*_*ets 52

解决方案:position:relative;从框中删除规则overflow:hidden;并将其设置为其父框之一.然后框中的绝对框overflow:hidden;将忽略此规则.演示:http://jsfiddle.net/88fYK/5/

  • 在这种情况下,@ FezVrasta使用其他技术,例如通常 - http://stackoverflow.com/questions/7074114/css-ignore-overflow-hidden/9379435?noredirect=1#comment47159243_9379435 (2认同)
  • 我必须设置“ position:static;”。 (2认同)

ale*_*lex 20

overflow: hidden不能被后代元素覆盖 - 它们将始终被元素剪切overflow: hidden.


pup*_*its 6

设置元素的位置:fixed将从正常文档流中删除元素及其子元素,从而允许它被取消剪切.但是您必须相对于浏览器窗口手动重新定位它.不是一个很好的解决方案,但它是一种解决方案.