【问题标题】: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 不支持使用 &lt;h:graphicImage library="images" name="logo.gif" /&gt;)。

【问题讨论】:

    标签: css image jsf jsf-2


    【解决方案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 概述的方法
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-24
    • 1970-01-01
    • 2021-07-15
    相关资源
    最近更新 更多