代码之家 › 专栏 › 技术社区 › Alex Mi

PrimeFaces<p:厨房底部不会褪色,PrimeFaces展示页面就是这样

wildfly primefaces jsf

0

Alex Mi · 技术社区 · 6 年前

我在WildFly 16和JSF 2.3上使用PrimeFaces 7.0。(我也试过PrimeFaces6.2——但没有改变)。

p:galleria 标记如下:

    <p:galleria value="#{exposeBean.images}" var="image" panelWidth="500" panelHeight="313" showCaption="false">
    <p:graphicImage id="image" value="#{image}" alt="#{image}" title="#{image}"/>
</p:galleria>

上述功能按预期工作,但是当前选择的图片不会在底部淡入,此处显示了库中的其他图片-请参见此处:

我最小的工作示例似乎与我使用的图像的大小有关(至少,看起来是这样的):

https://github.com/alexmivonwien/pf.gall.git

在比较了我的案例和primeface galleria showcase中生成的HTML和CSS之后,我发现了以下差异:

1.)我自己生成的HTML和CSS:

注意“ul”元素下的第一个“li”子元素

<ul class="ui-galleria-panel-wrapper" style="width: 500px; height: 313px;">

具有CSS样式(此处没有显示:无):

<li class="ui-galleria-panel" style="width: 500px; height: 313px;">

2.)primefaces showcase上的HTML和CSS:

<ul class=“ui galleria panel wrapper”style=“width:500px;height:313px;”gt;

具有css样式(这里有一个显示:无):

<li class="ui-galleria-panel" style="width: 500px; height: 313px; display: none;">

0 回复 | 直到 6 年前

1

2

Kukeltje 6 年前

唯一可以在PrimeFaces showcase中复制的方法是为图像指定明确的高度。E、 g.通过浏览器开发工具添加css规则,如 img {height: 364px} p:galeria

但是,在您的问题中的代码中看不到这一问题的实际技术原因。下一次, 总是或者 ...

实际上,这个问题都是纯css html相关的,没有PrimeFaces特定的。