第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將JSF圖像資源引用為CSS背景圖像url

如何將JSF圖像資源引用為CSS背景圖像url

慕虎7371278 2019-07-15 16:25:53
如何將JSF圖像資源引用為CSS背景圖像url我經(jīng)常用圖像屬性改變按鈕的圖像,但是有人告訴我用.css(我試過了,但我做不到)來做這是一個很好的實踐,我做錯了什么?我就是這樣做的:1-我的項目的資源儲存如下:2-這就是我如何創(chuàng)建了style.css來訪問映像.c2 {     background: url(/resources/images/smiley.jpg);  }3-這就是我從頁面正文中訪問CSS的方式(我確信這是正確的,因為同一文檔中的其他類在此頁的其他標(biāo)記中工作)<h:outputStylesheet library="css" name="style.css"  />4-這是如何創(chuàng)建使用已批準(zhǔn)的CSS類的示例命令按鈕<h:commandButton styleClass="c2"/>我認(rèn)為問題在.css中,我嘗試了幾個組合,但都沒有奏效:background-image: url(/resources/images/smiley.jpg);    background: url(resources/images/smiley.jpg);    background: url(smiley.jpg);    background: url(../smiley.jpg);哪里出錯了?更新我設(shè)法通過以下代碼使其工作:.c2 {         background: url("#{resource['images:smiley.jpg']}");                    }注意使用CSS(右)和使用圖像屬性(左)時的區(qū)別我如何解決這個問題,以便顯示保持圖像?
查看完整描述

3 回答

?
ABOUTYOU

TA貢獻1812條經(jīng)驗 獲得超5個贊

導(dǎo)入CSS樣式表時<h:outputStyleSheet>,則導(dǎo)入樣式表并由FacesServlet貫通/javax.faces.resource/*..查看生成的<link>元素指向所討論的樣式表,您將了解。

你必須改變一切url()要使用的依賴項#{resource['library:location']}相反。然后JSF將用正確的路徑自動替換它。鑒于您的文件夾結(jié)構(gòu),您需要替換

.c2 {
    background: url("/resources/images/smiley.jpg");  }

通過

.c2 {
    background: url("#{resource['images/smiley.jpg']}");  }

假設(shè)您的webapp上下文名是playground你的FacesServlet映射到*.xhtml,那么上面的結(jié)果應(yīng)該是返回的CSS文件,如下所示

.c2 {
    background: url("/playground/javax.faces.resource/images/smiley.jpg.xhtml");}

應(yīng)該注意的是,JSF實現(xiàn)只會在CSS文件的第一個請求期間確定它是否包含EL表達(dá)式。如果沒有,那么為了提高效率,它將不再嘗試評估CSS文件內(nèi)容。因此,如果您第一次向CSS文件添加EL表達(dá)式,則需要重新啟動整個應(yīng)用程序,以便使JSF重新檢查CSS文件。

如果您希望引用諸如PrimeFaces之類的組件庫中的資源,則在庫名前加上前綴,用:..例如,當(dāng)您使用PrimeFaces“Start”主題時,由primefaces-start

.c2 {
    background: url("#{resource['primefaces-start:images/ui-bg_gloss-wave_50_6eac2c_500x100.png']}");  }

這將作為

.c2 {
    background: url("/playground/javax.faces.resource/images/ui-bg_gloss-wave_50_6eac2c_500x100.png.xhtml?ln=primefaces-start");}

另見:


不相干對于具體的問題,如何使用library并不完全正確。它是所有相關(guān)CSS/JS/Image資源的公共標(biāo)識符/子文件夾。關(guān)鍵的想法是能夠改變整個外觀‘n’的感覺,只需改變library(這可以由EL來完成)。然而,您似乎依賴于違約圖書館。在這種情況下,您可以忽略library從你的<h:outputStylesheet>#{resource}.

<h:outputStylesheet name="css/style.css"  />

另見:


查看完整回答
反對 回復(fù) 2019-07-15
?
蕭十郎

TA貢獻1815條經(jīng)驗 獲得超13個贊

我在頁面中看到了生成的代碼:<input type="submit" name="j_idt15" value="" class="c2">我注意到,當(dāng)我使用圖像屬性而不是CSS時,我看到了以下情況:<input type="image" src="/demoapp/resources/images/smiley.jpg" name="j_idt14">您為類.c2提供的代碼不起作用,但在您最后粘貼的鏈接上,有一個類似于我的示例,但只有當(dāng)我更改頁面的背景時,才適用于.css類。

查看完整回答
反對 回復(fù) 2019-07-15
  • 3 回答
  • 0 關(guān)注
  • 445 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號