如何使用richfaces和CSS在JSF应用程序中添加背景图片?

我正在做一个网站使用JSF和richfaces,但是我需要在下拉菜单标签上做一些背景图像.我看到你可以使用style属性做
.rich-ddmenu-label {

    background-image: url("images/the_image.gif");

}

但是,似乎甚至没有尝试将图像放在任何地方.

我可以使用一个图像

<h:graphicImage/>

我不知道如何把文字放在它的顶部.

我究竟做错了什么?如何在一些文字背后插入背景图片?

解决方法

假设该元素正在应用class =“rich-ddmenu-label”,问题可能是背景图像的路径.

该路径是相对于CSS所在的位置.如果它在一个外部文件中,它应该是相对于,例如:

/css/styles.css
/images/the_image.gif

CSS应该是:

background-image: url("../images/the_image.gif");

如果CSS在HTML页面上是内联的,它将是相对于当前路径.因此,如果页面位于http:// server / path / to / page,它将在http://server/path/to/page/images/the_image.gif上查找图像,当您可能意味着http: //server/images/the_image.gif.

如果没有回答,请张贴生成的HTML.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效