如何使用 JSF 嵌入 CSS 背景图像链接？答案

【问题标题】：How can I embed an CSS background image link with JSF?如何使用 JSF 嵌入 CSS 背景图像链接？
【发布时间】：2011-08-14 13:31:10
【问题描述】：

有没有办法使用 JSF 为嵌入式样式表动态创建图像 url？

例子：

<h:head>
  <style type="text/css">
    .someId { background-image:url(images/example.jpg); }
  </style>
</h:head>

（嵌入式 CSS 不支持使用 <h:graphicImage library="images" name="logo.gif" />）。

【问题讨论】：

【解决方案1】：

如果我正确理解了您的问题：

在我的项目中我使用了这种风格：

<h1
 class="logo"
 style="background:url( #{mainMenuNavigationBean.headerImage} ) no-repeat;">

mainMenuNavigationBean 是一个会话 bean，我在其中根据某些条件设置 headerImage。

【讨论】：

重点是你可以只在模板文本中使用EL。但请注意，使用style 属性被认为是不好的做法。对于 OP，使用 .someId { background-image:url(#{bean.image}); } 就足够了。
@BalusC - 你是对的 Balus，但如果你使用的是 xhtml facelets，那么你有不同的 ui:composition 组件，你将没有机会将这种嵌入的 css 样式放在头脑中......我说的对吗？
克里斯蒂安，如果你把它放在标记中，它应该包含在头部中，尽管我无法理解那里允许的所有内容。更好的是，只需将 css 外部化到一个单独的文件中，然后使用here 概述的方法