Question

我想在primefaces的对话框窗口的标题中放置一个图像我把红色圆圈放在那里我想把图像放在那里。

enter image description here

我已经覆盖的CSS但它对我没有用

.ui-widget-header{
    background:#6BB508 url("resources/theme/img/br.png") !important;
    font-weight: lighter!important;
    text-shadow: none!important;
    color: #FFFFFF!important;
    font-size: small!important;
    background-image: url("../img/succ.png")!important; 
}
.ui-dialog-titlebar{

        background-image: url("../img/succ.png")!important; 


}

我尝试了很多，但我没有找到任何办法这该怎么做.. 提前谢谢

Answer 1

尝试在网址图片中加入＃{request.contextPath}。

例如，此代码显示此结果

enter image description here

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
    <style>

    .ui-widget-header{
    background:#6BB508 url("#{request.contextPath}/images/chrome.png") !important;
    font-weight: lighter!important;
    text-shadow: none!important;
    color: #FFFFFF!important;
    font-size: small!important;
    background-image: url("#{request.contextPath}/images/chrome.png")!important; 
}
.ui-dialog-titlebar{

        background-image: url("#{request.contextPath}/images/chrome.png")!important; 


}
    </style>
    </h:head>

    <h:body>
    <h:form>
<h:panelGrid columns="1" cellpadding="5">  
    <p:commandButton id="basic" value="Basic" onclick="PF('dlg1').show();" type="button" />  

</h:panelGrid>  

<p:dialog id="basicDialog" header="Effects" widgetVar="dlg1">  
    <h:outputText value="Image background header window" />  
</p:dialog>  

</h:form>
    </h:body>
</html>

如何将图像放在primefaces中的对话框窗口的标题中

1 个答案: