2015-05-19 25 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中,則所有屏幕都會變黑,並被玻璃覆蓋。 –