jGrowl-Container werden von ihrem Stil beeinflusst, wenn Sie auf das Stylesheet von jQuery UI auf derselben Seite wie jGrowl verweisen. Ab jGrowl Version 1.2.2 sind alle jGrowl-Container mit der CSS-Klasse "ui-state-highlight" versehen, Dadurch wird der Stildefinition ein Hintergrund, Rahmen und Schriftfarbe hinzugefügt.
%Vor%Um dieses Verhalten zu verhindern, können Sie die folgende jquery.jgrowl.css-Datei hinzufügen:
%Vor% Fügen Sie in Firebug oder in Ihrer CSS-Datei! wichtige Deklarationen hinzu (zB background-color: red !important; ) und sehen Sie, ob Ihre Stile korrekt angewendet werden. Wenn dies der Fall ist, werden Ihre Regeln durch solche mit einer höheren Spezifität (oder Regeln, die angewendet werden) überschrieben nach Ihrem mit gleicher Spezifität).
Bearbeiten : Ich habe eine jGrowl-Testseite erstellt, deren Benachrichtigungen korrekt angezeigt werden. Versuchen Sie, andere Stylesheets in Ihrem Kopf zu kommentieren und nachzusehen, ob das Problem weiterhin besteht. Stellen Sie außerdem sicher, dass sich die Dateien in den angegebenen Verzeichnissen befinden. (Das ./ ist redundant und wird nicht benötigt: . gibt das aktuelle Verzeichnis an, daher ist der Verweis auf ./folder/test.js identisch mit nur folder/test.js )
Ich glaube, jquery-ui-1.7.2.custom.css fügt Ihrem jgrowl-Benachrichtigungsobjekt Stilklassen hinzu. Ich bin nicht großartig darin, CSS zu debuggen, also habe ich nicht herausgefunden, wie ich es beheben kann. Versuchen Sie, den Link jquery-ui-1.7.2.custom.css zu kommentieren und sehen Sie, ob Ihre jgrowl-Benachrichtigung so aussieht, wie Sie es erwarten.
