如何嵌入JSF的CSS背景圖像鏈接？

有沒有辦法使用JSF爲嵌入式樣式表動態創建圖片url？如何嵌入JSF的CSS背景圖像鏈接？

實施例：

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

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

來源

2011-04-28 mjn

如果我理解正確你的問題：

在我的項目，我用這種風格：

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

其中mainMenuNavigationBean是一個會話bean時，我真想基於某些條件的標題圖片。

來源

2011-04-28 10:39:51

問題是，您可以在模板文本中使用EL。但請注意，使用'style'屬性被認爲是不好的做法。使用'.someId {background-image：url（＃{bean.image}）; }「應該足以滿足OP。 – BalusC 2011-04-28 13:00:00

@BalusC - 你是對的Balus，但如果你使用xhtml facelets，那麼你有不同的組件：ui：你不會有機會將頭腦放在這個嵌入的css風格中......我是對的嗎？ – 2011-04-28 13:23:02

克里斯蒂安，如果你把它放在的標籤裏，它應該包含在標題中，儘管我很難理解什麼是允許的。更好的是，只需將css外部化爲單獨的文件並使用[在此處]概述的方法（http://stackoverflow.com/questions/5847473/can-i-use-el-for-external-css-files-with- JSF/6753697＃6753697） – Lucas 2011-07-19 21:51:21

如何嵌入JSF的CSS背景圖像鏈接？

回答

相關問題