让我们以下面的图片为例

css - rich:css中的日历定位-LMLPHP

如您所见,在第一种情况下,日历从底部截断。我用过<rich:calendar> ... </rich:calendar>

在第一种情况下,我的panelheight: 945px;(不足以调整日历的height),但第二种情况是height: 1000px;。当我没有足够的面板width(例如在移动设备中)时,也会出现这种情况。

我不能随意更改面板的height: 945px;

面板是简单的div,具有一定的高度和宽度。

附注:我尝试了z-index: 10;,但对我没有帮助。我无法提供JSFIddle,因为它不支持richfaces:calendar。我该怎么办?

我正在使用JSF 2.2和richfaces4.x。

最佳答案

rich:calendar<table>中的简单<div>,那里没有魔术。

由于您不想向我们提供代码(即使在多个请求下也是如此;这里没有人想猜测),因此,我尝试在标记中增加z-index:

<rich:calendar zindex="4"/>


然后用CSS

table.rf-cal-popup { z-index: 4; }


四是您所需要的(默认值为3),但是我不知道生成的HTML,因此您可以将其增加到一个较大的数字,例如1001。z-index一定有问题,因为rich:calendar总是生成完整日历(带有日历的完整表格)。

关于css - rich:css中的日历定位,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32133227/

10-11 14:26