jquery - jQuery Mobile の PNotify - スタイルの問題

Question

私の問題は、ページのコンテンツが通知の上に表示されることです。の z-index で遊んでみまし.ui-notifyたが、何も変わりませんでした。

type: "error"また、またはを指定しても、通知は常に白type: "success"です。

デモ

何か不足していますか？ありがとう！

アップデート

次の css (FontAwesome が必要) を使用して、PNotify (Bootstrap を使用) 通知のルック アンド フィールを取得することができました。デモを参照してください。

/* info */
.ui-pnotify-container{
    color: #31708f !important;
    background-color: #d9edf7 !important; 
    border-color: #bce8f1;
    background: none;
}

/* error */
.ui-pnotify-container.ui-state-error {
    color: #a94442 !important;
    background-color: #f2dede !important; 
    border-color: #ebccd1;
    background: none;
}

/* success */
.ui-state-default {
    color: #3c763d !important;
    background-color: #dff0d8 !important; 
    border-color: #d6e9c6;
    background: none;
}

/* warning */
.ui-pnotify-container.ui-state-highlight {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important; 
    border-color: #faebcc;
    background: none;
}

.ui-pnotify-container .ui-icon {
    background: none;
}

.ui-icon-close{
    position: relative;
    text-indent: 0px;
    width: 24px;
    height: 24px;
    margin-right: 20px;
}

.ui-icon-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;           
    position: absolute;
}