Question

让我们看看下面的图片作为例子

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

在第一种情况下，我的panel height: 945px;（不足以height调整日历），但第二次height: 1000px;。如果我没有足够的小组width（例如移动），也会出现这种情况。

我无法自由更改小组height: 945px;。

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

P.S：我试过了z-index: 10;，但它并没有帮助我。我无法提供JSFIddle，因为它不支持richfaces:calendar。我能为此做些什么？

我使用的是JSF 2.2和richfaces 4.x。

Answer 1

<!DOCTYPE html> <html> <head> <title>hhchh</title> <script type="text/javascript" src="N:\Desktop\Javascript\JS.js"></script> <link rel="stylesheet" type="text/css" href="N:\Desktop\Javascript\appStyle.css"> <link href='http://fonts.googleapis.com/css?family=Orbitron:500' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto+Mono:300' rel='stylesheet' type='text/css'> </head> <body> <header> <h2>text and stuff</h2> <p>button text</p> </header> </body> </html>在rich:calendar内很简单<table>，那里没有魔法。

由于您不想向我们提供代码（即使是多个请求;此处没有人想猜），我会尝试在标记中增加z-index：

<div>

然后使用CSS

<rich:calendar zindex="4"/>

你需要四个（默认值是3），但我不知道生成的HTML，所以你可以把它增加到一个大数字，比如1001. z-index必定有问题，因为{{ 1}}始终生成完整日历（带日历的完整表格）。

rich：css

1 个答案: