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

前端之家收集整理的这篇文章主要介绍了如何使用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.

猜你在找的CSS相关文章