html - 非相对容器中的绝对定位

Question

我需要在 div 容器中创建一个模态框；所以它不会占据整个页面，而只是它的容器。问题是我需要使用绝对定位，而这个只有在容器具有相对定位的情况下才能正常工作。但是我不能修改容器的定位（这取决于用户，我实际上是在框架上工作）。希望我很清楚，有什么建议吗？

/* 代码 /*

.popUp {
    vertical-align: middle;
    text-align:center;
    background-color: gray;
    filter: alpha(opacity=50);
    opacity:0.5;
    position: absolute; //The container of the popUp must be relative and that's the problem
    z-index: 100;
    top:0;
    left:0;
    height:100%;
    width:100%;
}

PopUp 将是我想添加到另一个面板的 FlowPanel，对于 popUp 组件，我有这样的方法：

public void asignParent(Panel parent) {  
  parent.add(this);     
  parent.addStyleName(instance.testCss().relativeContainer());/*this is what I must avoid*/
}