css - 丰富的 :calendar positioning in css

Question

让我们以下面的图片为例

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

在第一种情况下我的 panel的 height: 945px; (不够 height 调整日历)但第二个 height: 1000px; .当我没有足够的面板时也会出现这种情况 width (就像在移动中一样)。

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

面板很简单div有一定的高度和宽度。

附注:我试过 z-index: 10;但这对我没有帮助。我无法提供 JSFIddle，因为它不支持 richfaces:calendar .我能为此做什么？

我正在使用 JSF 2.2 和 richfaces 4.x。

Answer 1

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 总是生成完整日历(带日历的完整表格)。