[英]Menu is hidden behind layout div
布局北部区域中的菜单不可见。 它已隐藏在布局下。 问题可能出在CSS部分,我曾尝试但无法解决。
请参考jsfiddle以获取参考http://jsfiddle.net/4QbqY/
<div class="ui-layout-north">
<div>
<nav>
<ul>
<li>
<a href="home.html">File <span class="caret"></span></a>
<div>
<ul>
<li>
<a href="aa.html">New</a>
</li>
<li>
<a href="aa.html">Open</a>
</li>
</ul>
</div>
</li>
<li>
<a href="products.html">Action <span class="caret"></span></a>
<div>
<ul>
<li>
<a href="products.html#chair">Edit <span class="caret"></span></a>
<div>
<ul>
<li><a href="#">Undo</a></li>
<li><a href="#">Redo</a></li>
<li><a href="#">Cut</a></li>
<li><a href="#">Copy</a></li>
<li><a href="#">Paste</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
</ul>
</nav>
</div>
</div>
<div class="ui-layout-west" id="testdata">
</div>
<div class="ui-layout-south">
This is the south pane
</div>
<div class="ui-layout-east">
This is the east pane
</div>
<div class="ui-layout-center">
This is the center pane
</div>
几分钟后。 这是您想要的结果。
HTML
只需将其添加到您的北部布局onmouseover="myLayout.allowOverflow('north')"
<div class="ui-layout-north" onmouseover="myLayout.allowOverflow('north')">
参考:
使用以下命令更新导航> ul> li> div,导航> ul> li> div ul> li> div
z-index:3;
并添加以下样式:
.ui-layout-north
{
position:initial !important;
z-index:3 !important;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.