gpt4 book ai didi

jsf - 如何放弃 PrimeFaces 对话框的透明度?

转载 作者:行者123 更新时间:2023-12-04 19:13:11 25 4
gpt4 key购买 nike

我正在尝试使用 显示警报Primefaces 对话框 我的 JSF 页面中的组件。我可以显示对话框,但我的问题是这个对话框的透明度/不透明度。我通过设置 opacity: 1.0 覆盖了对话框的样式属性,但它没有用。我想放弃对话框的透明度。我怎样才能以简单的方式实现这一目标?

我的 JSF 页面:

<f:view xmlns="http://www.w3.org/1999/xhtml"
....
renderKitId="PRIMEFACES_MOBILE">
....
<pm:page title="Mobile Reports">
<pm:view id="reports" swatch="b">
<h:form>
<pm:content>
<div>
<h:form>
....
<p:dialog id="myDialog"
header="ERROR"
widgetVar="dlg"
modal="true"
style="opacity: 1.0;"
appendToBody="true">
<p:commandButton id="decline" value="Couldn't display the report!"
onclick="dlg.hide()" type="button" />
</p:dialog>
....
<p:commandButton id="contractInfo" action="ContractInfo.xhtml"
value="Contract Information" style="width:100%;"
onerror="dlg.show();">
</p:commandButton>
....
</h:form>
</div>
</pm:content>
</h:form>
</pm:view>
</pm:page>
</f:view>

输出:

enter image description here

GPRS 显示在 JSF 页面中,它不是对话框的一部分。但是,它是可见的,因为对话框是透明的。

注:
我正在使用 primefaces-mobile-0.9.3.jar

最佳答案

我已经尝试在我的 JSF 页面中像这样覆盖对话框组件的 css 样式
(备注 !important 表达式):

<p:dialog id="myDialog" header="ERROR" widgetVar="dlg" modal="true"
style="background: gray !important;" appendToBody="true">
<p:commandButton id="decline" value="Couldn't display the report!"
onclick="dlg.hide()" type="button" />
</p:dialog>

不知何故,对话框现在更好了,它看起来像:

enter image description here

但是,在我的项目中覆盖 PrimeFaces 库的通用样式表可能会帮助我更多地自定义对话框。

我的动态 Web 项目中样式表的路径: WebContent/assets/css/style.css
这可以作为面临类似问题的引用。

关于jsf - 如何放弃 PrimeFaces 对话框的透明度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12909471/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com