我正在创建一个左侧带有导航菜单的页面,其中包含每个部分的图标。页面布局如下所示:
<g:DockLayoutPanel unit="PX">
<g:west size="55"><g:SimplePanel ui:field="navigation" /></g:west>
<g:center>
<g:ScrollPanel>
<g:Whatever ui:field="content" />
</g:ScrollPanel>
</g:center>
</g:DockLayoutPanel>
悬停在导航栏的每个图标上应该会显示一个包含项目标题和一些子项目的气球。我通过 CSS 实现了效果,给每个气球一个相对于其图标的位置。
g:west 元素呈现为
<div style="
position: absolute;
overflow: hidden;
left: 0px;
top: 0px;
bottom: 0px;
width: 55px; ">
我的问题是overflow: hidden
。
如何告诉 DockLayoutPanel 西部元素可以溢出中心元素?
编辑: 我找到了一个非常可靠的解决方法
navigation.getElement().getParentElement().getParentElement().getStyle()
.setOverflow(Overflow.VISIBLE);
有谁知道不与 HTML 元素混淆的解决方案?