我的问题是,我在页面顶部有一个固定的导航栏,它有1030个z-index值.咆哮组件显示在固定导航栏后面.我尝试覆盖这样的growl的z-index值(来自自定义的css文件):
.ui-growl {
z-index: 9999;
}
注意:我的自定义css文件是最后一个加载的文件:
...
<h:body>
<f:facet name="last">
<h:outputStylesheet library="css" name="custom.css"/>
</f:facet>
...
当我检查chrome中的growl组件时,它具有带有z-index值的内联css样式:
<div id="growl_container" class="ui-growl ui-widget" style="z-index: 1004;">...</div>
我该如何解决这个问题？