jQuery gritterプラグインクローズアイコンが隠れて残っています

Question

gritter.jsを使用して成功またはエラーメッセージを通知しています。それは動作しますが、 "X"クローズアイコンは隠れたままです。要素のCSSルールをチェックしますが、それは問題ありません。 <a style="display: none;" class="gritter-close" href="#" tabindex="1">Close Notification</a>

とCSSルールは以下のとおりです：

<script src="/components/jquery.gritter/js/jquery.gritter.js"></script> 
<link rel="stylesheet" href="/components/jquery.gritter/css/jquery.gritter.css" /> 

    /*some other code*/ 
    switch (window.location.hash) { 
    case "#success": 
    $.gritter.add({ 
     title: 'Molto bene!', 
     text: "L'operazione è stata eseguita con successo!", 
     sticky: true, 
     class_name: 'gritter-success gritter-light' 
    }); 
    break; 
    case "#error": 
    $.gritter.add({ 
     title: 'Oops!', 
     text: "Qualcosa è andato storto. L'operazione non è stata eseguita!", 
     class_name: 'gritter-error gritter-light' 
    }); 
    break; 
    } 

jsがのようなアイコンを作る

.gritter-light .gritter-close { 
    background-image: none; 
    color: #444;} 

//applied onhover 
elemento { 
    display: block;} 

Answer 1

少し遅れて、多分それはあなたがエーステンプレートなどを使用していることをそうかもしれませんよく

私は最近同じ問題がありました。アーステンプレートには、グリッタークローズアイコンのフォントサイズをゼロに設定するCSSルールがあります。そのCSSルールを単に上書きするだけで問題が解決されました。