Comment ajouter des images d'arrière-plan dans une application JSF en utilisant richfaces et CSS?
Je suis en train de faire un site web en Utilisant JSF et richfaces, mais j'ai besoin de faire quelques images d'arrière-plan dans le menu déroulant des étiquettes. J'ai vu, vous pouvez utiliser l'attribut style en faisant
.rich-ddmenu-label {
background-image: url("images/the_image.gif");
}
Mais qui ne semble pas même essayer de mettre une image n'importe où.
Je peux utiliser une image à l'aide de
<h:graphicImage/>
Je ne sais pas comment mettre du texte sur elle.
Ce que je fais mal? Comment puis-je insérer une image de fond derrière le texte?
source d'informationauteur user125157
Vous devez vous connecter pour publier un commentaire.
En supposant que l'élément en question est d'obtenir un
class="rich-ddmenu-label"
appliqué, le problème est probablement le chemin à l'arrière-plan de l'image.Le chemin est relatif à l'endroit où le CSS est situé. Si c'est un fichier externe, il devrait être par rapport à celle, par exemple:
le CSS devrait être:
Si le CSS est en ligne sur la page HTML, il sera par rapport à la voie actuelle. Donc, si la page est situé à
http://server/path/to/page
il va chercher l'image àhttp://server/path/to/page/images/the_image.gif
lorsque vous signifiait probablementhttp://server/images/the_image.gif
.Si cela ne répond pas, merci de poster le code HTML généré.
J'ai juste eu le même problème avec JSF 2.0. J'ai dû utiliser un css et la solution avec le chemin relatif ne fonctionne pas pour moi non plus (comme Choghere posté).
Dans mon livre, j'ai lu que lorsque vous utilisez Facelets que VDL (Vue de la Déclaration de la Langue), il est possible d'utiliser des expressions, même dans une simple page HTML. J'ai donc eu l'idée de mettre un EL directement dans mon css. Note: je n'ai pas eu à changer le nom de fichier ou de quoi que ce soit.
Voici ce que j'ai fait.
mais d'abord, mon filestructure
ce un icludes le code css suivant
(c'est un composant composite)
Voici maintenant le CSS
dans ce cas ressources est un objet implicite de JSF 2, images est le bibliothèque où JSF devrait ressembler (jsf s'attend à ce que toutes les bibliothèques/les fichiers de moins de ressources, au moins par défaut ResourceHandler), puis le nom de la ressource.
Pour les structures plus profondes, il serait
Espère que ça aide 😉
Êtes-vous en suivant l'exemple sur la Richfaces site de démo? c'est à dire. utiliser une facette et de la place de l'image et du texte à l'intérieur d'un élément englobant (par exemple. un span ou div)
Mon dossier structure est comme suit:
pages web->ressources->css //css pages
pages web->ressources->pics //images
web /pages/fichiers xhtml
Essayer de le ci-dessous:
.. permet de vous déplacer jusqu'à un niveau de dossier
/pics vous déplace dans le répertoire de photos
/logo.gif vous donne le fichier
Espère que cette aide.
J'ai eu cette solution:
créer un nouveau .fichier css avec ce contenu
cela va charger le fichier de la même manière html ferait.
Avec cela, vous serez en mesure de charger un fichier d'arrière-plan au niveau du corps (sur l'ensemble de la page). Peu après, vous pouvez charger le fichier css avec cette instruction dans le fichier jsf: