jsf-2 - poner - imagen de fondo html

imagen de fondo: url("") en CSS h: outputStylesheet no se está cargando

Question

Esta pregunta ya tiene una respuesta aquí:

• Cómo hacer referencia al recurso de imagen JSF como CSS imagen de fondo url 2 respuestas

Lo siento si la pregunta no se hace correctamente. La imagen se muestra bien en el proyecto de puntales pero no en el proyecto JSF2. Todos los css y los botones se están procesando bien, except image that has url in css .

Estructura de la carpeta

resources -> css -> bootstrap.min.css
resources -> img -> glyphicons-halflings.png

bootstrap.min.css

background-image: url("../img/glyphicons-halflings.png");

1 - si uso <h:outputStylesheet library="css" name="bootstrap.min.css"/> que la url de la imagen de fondo generada es http://localhost:8000/img/glyphicons-halflings.png tanto, la imagen no cargando. Debería ser http://localhost:8000/resources/img/glyphicons-halflings.png

2 - Si uso <link href="#{request.contextPath}/resources/css/bootstrap.min.css" rel="styleSheet" type="text/css"/> que

Firefox -> Firebug -> pestaña de red {recursos agregados varias veces}

http://localhost:8000/resources/resources/img/glyphicons-halflings.png

No estoy seguro de cómo cargar la imagen que está en css y se aplica en la clase.

Mostrar el icono EDITAR como enlace para hacer clic en la página siguiente.

 <h:outputLink value="edit.xhtml" >
                            <i class="icon-edit" ></i>
                            <f:param name="id" value="#{person.id}"/>
                        </h:outputLink>

Answer 1

Debe utilizar la variable EL #{resource} en CSS para especificar recursos de imagen.

background-image: url("#{resource[''img/glyphicons-halflings.png'']}");

Ver también:

• Cómo hacer referencia al recurso de imagen JSF como url de imagen de fondo CSS