2015-05-19 16 views
0

我有一个弹出式面板。我使用以下代码使背景模糊 - 在.java文件中 - this.setGlassStyleName(“popup-glass2”);“GWT DateBox”Z-Index css属性无法在GWT中的DateBox小部件上工作

在.css文件

.popup-glass2 { 
    background-color: #000; 
    opacity: 0.6; 
    filter: literal("alpha(opacity=30)"); 
    z-index: 2; 
} 

我已经使用以下代码为弹出式面板 - 在文件级的.java this.setStyleName( “弹出头”); 在.css文件

.popup-header{ 
    background-image: url(../images/popup-border-grey.png); 
    font-size    : 100%; 
    border    : 5px solid #BDBDBD; 
    z-index:10; 
} 

注意:如果我不.popup头使用Z-index属性全卵石变成黑色。

我在弹出面板上有一个小部件DateBox,当我使用此z-index属性模糊背景时,该部件未打开。 因此,我应该做些什么改变,使背景也变得模糊,我的DateBox也会打开。在你的日期箱

回答

0

- 删除所有样式 然后设置样式为弹出式HEADER2与出的z-index - 它可能工作

+0

什么是弹出窗口标题2?在datebox或其他东西上添加新样式? –

+0

popup-header2将与 - > popup-header相同。不要在popup-header2中包含z-index。它可能工作。 –

+0

它不工作。如果我从.popup-header中删除z-index,并将其放入.popup-glass2中,则所有屏幕都会变黑,并被玻璃覆盖。 –