Проблемы, отсылающие CSS от XHTML
В моем Приложении JSF (Мои поверхности 1.2.3), я обращаюсь к файлу CSS как
<link href="css/nav.css" type="text/css" rel="stylesheet" />,
Это работало, когда к представленному HTML получают доступ как файл HTML с помощью браузера, но не в моем специализированном контейнере сервлета.
Это не относилось правильно, eventhough относительный путь было корректно. Затем я попробовал
<link href="../css/nav.css" type="text/css" rel="stylesheet" />
Это работало в браузере и не сделало в некоторых других браузерах.
Мне сказали, что я должен использовать facelets. РАЗРАБОТКА" = верный, чтобы заставить его работать, Он работал в ENV Dev, и это не сделало в Тестовом ENV (Будут некоторые унаследованные свойства!!! и не все будет использоваться из моего приложения),
У меня есть некоторое знание об этих сопроводительных технологиях, но не эксперте. Удивление, какова проблема и где? - Контейнер сервлета, XHTML, Facelets, JSF Impl?
Какая-либо Идея - Какова могла быть проблема?
3 ответа
Относительный URL относится к URL-адресу запроса , поскольку он находится на стороне клиента в адресной строке веб-браузера (веб-браузер именно тот, который отвечает за загрузку файлов CSS), он не относится к структуре папок, как на стороне сервера.
Итак, если URL-адрес запроса, например, http://example.com/context/page.jsf , тогда CSS, на который ссылается href = "css / nav.css" будет загружен с помощью http://example.com/context/css/nav.css и CSS, на который ссылается href = "../ css / nav.css" от http://example.com/css/nav.css .
Если вы все еще зацикливаетесь на этом, то вам нужно опубликовать как абсолютный URL, с помощью которого вы можете успешно запросить страницу, о которой идет речь, и сам файл CSS.Таким образом мы можем объяснить вам, какой относительный URL-адрес файла CSS вы должны использовать для рассматриваемой страницы.
Одним из возможных решений здесь может быть использование корневого относительного пути, например.
/MyCSSFolder/myfile.css
В большинстве случаев это может решить проблемы.
Вероятно, проблема в том, что ваше приложение не является абсолютным по отношению к URL-адресу запроса. Предположим, вы обращаетесь к своему приложению через:
http://localhost/my-app/
И теперь, когда вы пытаетесь загрузить ресурс, как вы описали выше
<link href="css/nav.css" type="text/css" rel="stylesheet" />
Он будет загружен с помощью
http://localhost/css/nav.css
, я бы предложил использовать свойство context path при обращении к ресурсам.
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/style.css"/>