2017-03-04 51 views
0

我正在處理的頁面顯示一個半透明覆蓋圖,用淺色消息「變灰」屏幕。只要它正在等待後臺進程完成,就會顯示該超出的&消息。這一直工作得很好,直到我添加了Froala文本編輯器。Froala textarea顯示當我嘗試用半透明蒙版覆蓋

技術細節:角1.5.8, 角材料設計1.1.3 - 我的升級測試到這個版本,這是當我發現與froala編輯衝突 Froala版本2的問題(剛拔掉上個月) angular-froala v。2.4.2

我們用css創建了一個div來設置背景爲背景:rgba(0,0,0,0.3)和第二個div,白色字母爲& a light圖片。

當激活時,屏幕灰色到處都是灰色,但textarea的froala指令保持白色。設置z-index可以使兩個覆蓋div的前景顯示出來,但不會影響froala textarea。我已經嘗試在涉及的每個指令中設置z-index,設置froala z-index選項,並將froala iframe選項設置爲false。

任何其他想嘗試的想法?

+0

將覆蓋'div'移動到'body'標籤的最後位置。我不知道froala,但我認爲它本身可能會添加標記,因此您可能必須在頁面完成呈現後通過javascript完成此移動 –

回答

0

沒關係 - 事實證明,我是想變灰的項目,實際上這是有其背景的設置做了「灰化」

至少只有我不是DIV的孩子錯過了它的人 - 我問其他兩位開發人員,他們幫助我,他們錯過了它