Comment définir l'arrière-plan pour p:barre de menu en Primefaces?

Comment définir l'arrière-plan pour <p:menubar> dans Primefaces

<p:menubar rendered="#{loginBO.flag=='admin'}" autoSubmenuDisplay="True" style="background-image: url('images/ui-bg_gloss-wave_55_5c9ccc_500x100_png.png')">
    <p:menuitem value="Home" url="/RMGHome.xhtml" icon="ui-icon-home" />
    <p:menuitem value="Filter Search" action="#{leftMenuService.getMenuList}" icon="ui-icon-search" />
</p:submenu>

OriginalL'auteur chows2603 | 2013-09-16

  1. 5

    Comme ceci:

    .ui-menubar,.ui-menu-child,.ui-menu {
    background: #004e8e !important;
}
    Veuillez expliquer dans ses propres mots pourquoi vous pensez que l' !important hack est nécessaire. Ce savoir n'est pas si vous le faites à droite.
    dans mon cas, c'est pour éviter cela : img802.imageshack.us/img802/43/4lnd.png
    Ce n'est pas une explication technique. C'est juste une image d'un symptôme. Le !important hack est souvent appliqué par nitwits si le sélecteur n'est pas assez spécifique et/ou le fichier CSS avec le sélecteur est mal chargé avant le PrimeFaces CSS par défaut. Vous avez juste besoin de fixer le CSS de chargement et de déclaration selon le bon CSS cascading et les règles d'héritage au lieu de retomber !important hack sans réellement comprendre le problème. Voir aussi stackoverflow.com/questions/8768317/...
    Merci pour l'explication BalusC et Lamq 🙂

    OriginalL'auteur Joffrey Hernandez