让我们以下面的图片为例
如您所见,在第一种情况下,日历从底部截断。我用过<rich:calendar> ... </rich:calendar>
在第一种情况下,我的panel
的height: 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/