让我们看看下面的图片作为例子
正如您所见,在第一种情况下日历从底部切断。我使用了<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。
答案 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}}始终生成完整日历(带日历的完整表格)。