rich:css

时间:2015-08-21 05:51:36

标签: css calendar richfaces jsf-2.2

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

enter image description here

正如您所见,在第一种情况下日历从底部切断。我使用了<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。

1 个答案:

答案 0 :(得分:0)

<!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}}始终生成完整日历(带日历的完整表格)。