Estoy trabajando con javaee páginas jsf. Tengo una página que se llama principal.xhtml. Aquí está:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://xmlns.jcp.org/jsf/html"  >
<h:head>
    <title>Facelet Title</title>
</h:head>
<h:body>

        <a href="editinfo.xhtml">Edit Account</a>
        <a href="createaccount.xhtml">Create new account</a>

</h:body>
</html>

Estoy tratando de agregar una imagen de fondo para la página. Para ello he intentado primero en la parte del cuerpo:

 <h:body background-img="../images/background.jpg" >

pero no funciona, no hay tal attribure llamado fondo-img. A continuación, he creado un archivo css llamado estilos.css.

.main
{
    background-image: url('../images/background.jpg');
}

Y editado el principal.xhtml:

<h:body style="../src/java/css/styles.css" >

Pero este cuerpo declaración aún así da un error diciendo que los caracteres inesperados ‘.».’ encontrado. Puse los puntos para ir a una carpeta. Estoy haciendo mal? ¿Cómo se puede aplicar esta imagen para el fondo de mi página?

Gracias

Intente esto : bit.ly/127DcgA para añadir la hoja de estilos.
si te has dado cuenta ya he probado a hacer lo que he encontrado en google
Así que intentó este : <h:outputStylesheet library="css" name="style.css" /> ?

OriginalEl autor yrazlik | 2013-07-05

2 Comentarios

  1. 1

    Usando inline css

    <h:body style="background-image: url(../images/background.jpg)" >
    </h:body>
    Gracias a que funciona

    OriginalEl autor Ravi Thapliyal

  2. 1

    Sugiero a usted para inspeccionar el mismo uso de una extensión de firefox como fireBug, a continuación, seleccione la etiqueta (con o sin clase) donde desea que la imagen de fondo y acaba de agregar una nueva regla para ver que css se necesita. Acaba de tomar esa Regla CSS, añadir en su hoja de estilos y aplicar una imagen de fondo. Eso es todo.

    OriginalEl autor Nitesh

Dejar respuesta

Please enter your comment!
Please enter your name here