загрузить css и js файл в JSF

Я пытаюсь загрузить файлы css и js, а также изображение в каталоге img от mainStyle.css, но без secuss. Я не могу загрузить файл js и obama.jpg из таблицы стилей css.загрузить css и js файл в JSF

У меня возникла проблема, чтобы объяснить, почему я получаю Hell World! Say apple! зеленый? Я установил их перед зеленым, но теперь у них есть красное значение, несмотря на то, что я получаю их в зеленый цвет !!.

index.xhtml

<!DOCTYPE html> 
<html xmlns="htpp://www.w3.org/1999/xhtml" 
    xmlns:h="http://xmlns.jcp.org/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head> 
    <title>External resources</title> 
    <h:outputStylesheet library="css" name="mainStlye.css" /> 
    <h:outputScript library="js" name="mainJS.js" /> 
</h:head> 

<h:body> 
    <h1>Using external resources</h1> 

     <div class="message">Hello World!</div> 

     <div class="message">Say apple!</div> 

</h:body> 
</html>

mainStyle.css

body{ 
    background: url("#{resource['img/obama.jpg']}"); 
} 

.message{ 
    color:red; 

}

mainJS.js

alert('Javascript works fine');

источник

2016-06-28 TheBook

имеют вид на: http://stackoverflow.com/a/11988418/1460591 – YouYou

Открыть страницу в реальном браузере и посмотреть, что загружается. Зеленый цвет текста означает что-то еще, что происходит с вашим проектом (его невозможно достичь только с файлами, которые вы опубликовали). –

@XtremeBiker: О, спасибо, он работает в реальном браузере! Текст красный, но изображение не загружается? – TheBook

Просто используйте относительный путь изображения в css. Кроме того, вы создали фон вместо фонового изображения.

Посмотрите здесь: Can I use EL for external CSS files with JSF?

В вашем случае будет:

body{ 
    background-image: url(../img/obama.jpg); 
}

источник

2016-06-30 07:44:22 bauz

загрузить css и js файл в JSF

ответ

Смежные вопросы