PrimeFaces 3.0 - ダイアログオーバーレイのデフォルトの不透明度をどのように変更するのですか？

Question

私はPrimeFaces 3.0とJSF 2.0を使用しています。 Webappでは、ユーザーのブラウザが一定時間アイドル状態になっているときにページ上にモーダルダイアログを表示し、Ajax呼び出しによってサーバー側でセッションの無効化をトリガーします。ブラウザでは、モーダルダイアログに、アイドル時間の制限を超えてセッションが終了したという簡単なメッセージが表示されます。これはすべて正常に機能します（スクリーンショットを参照）。

EDIT：

<p:idleMonitor timeout="#{initParam[clientSideIdleThreshold]}"> 
     <p:ajax 
      event="idle" 
      listener="#{logoutBean.idleListener}" 
      oncomplete="idleDialog.show()" /> 
     <p:ajax 
      event="active" 
      listener="#{logoutBean.activeListener}" /> 
    </p:idleMonitor> 
    <p:dialog 
      header="Session Exceeded Idle Limit" 
      widgetVar="idleDialog" 
      modal="true" 
      fixedCenter="true" 
      closable="false" 
      draggable="false" 
      resizable="false" 
      appendToBody="true" 
      height="200" 
      width="400"> 
     <h:outputText value="Session Terminated" /> 
    </p:dialog> 

私は何をしたいが上書きされる： "appendToBodyは"

を修正ここに私にfaceletページからコードがあると更新PrimeFacesダイアログのオーバーレイのデフォルトの不透明度を設定し、不透明にします。誰もこれを行う方法を知っていますか？

私は、これは私がが本当には、これを達成するために、任意のJavaScriptを書い避けたいので、適切な場所にいくつかのCSSを置くことによって達成することができることを願っています。

ユーザー環境のターゲットブラウザは、あなたのCSSのIE 6と7

Answer 1

Fortegaの答えはいくつかのブラウザのために正しかったが、IE 7のためには、次のCSSを使用する必要があります。

.ui-widget-overlay { 
    filter:alpha(opacity=80); /* works in IE 7 */ 
    opacity: 0.8; /* works in Firefox */ 
} 

www.w3schools.comによると、不透明度のCSS属性は、標準的ではないが、CSS3に含めることが提案されて。

Answer 2

です：

.ui-widget-overlay { 
    opacity: 0.8; 
} 

またはいくつかの他の値:)

しかし、あなたは、ダイアログを確認する必要がありあなたはモーダル（<p:dialog modal="true"）であることを示しています。そうでなければ、オーバーレイは表示されません。