为什么jGrowl popup看起来不像预期？

Question

我在我的网站上收到了这个jGrowl通知,当通知框中它的poped jGrowl弹出窗口看起来没有很好的样式.

这就是我调用jgrowl文件的方式

<link rel="stylesheet" type="text/css" href="./include/jgrowl/jquery.jgrowl.css" />

这是通知框

替代文字http://hinuts.com/jgrowl.look.png

Answer 1

如果在jGrowl所在的页面上引用jQuery UI的样式表,jGrowl容器的样式会受到影响.从jGrowl版本1.2.2开始,所有jGrowl容器都使用CSS类"ui-state-highlight"进行修饰,它为样式定义添加了背景,边框和字体颜色.

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background:url("images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% #FBF9EE;
    border:1px solid #FCEFA1;
    color:#363636;
}

要防止此行为,您可以对jquery.jgrowl.css文件进行以下添加:

div.jGrowl > .ui-state-highlight {
    background: inherit;
    color: inherit;
    border: inherit;
}