绝对定位在非相对容器中

时间:2013-09-05 10:27:02

标签: html css gwt

我需要在div容器中创建一个模态框;所以它不占用整个页面,而只占用它的容器。 问题是我需要使用绝对定位,这个只有在容器具有相对定位时才能正常工作。但是我无法修改容器的位置(这取决于用户,我实际上是在构建一个框架)。希望我很清楚,有什么建议吗?

/ * CODE / *

.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将是一个我想要添加到另一个Panel的FlowPanel,对于popUp组件,我有一个这样的方法:

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

0 个答案:

没有答案