Html 与日期选择器重叠的Div

我有两个div

第一个是datepicker div，在它下面我有一个图表。当我尝试选择一个日期时，datepicker不工作，因为这两个div重叠。我想抑制graph div上的日期选择器

//here is image
http://tinypic.com/r/1549hlz/8




<div id="cal" name="cal"  align="center" style="align: center; float: center; padding-    right: 150px;" >
<form    name="form" method="post">
<span >From</span> <input type="text" name="date_from" id="date_from"    onclick="setSens('date_to', 'max');" readonly="true">
<span >Till</span> <input type="text" name="date_to" id="date_to"   onclick="setSens('date_from', 'min');" readonly="true"> &nbsp; &nbsp; &nbsp;
<input name="submit"  onclick="show6(); update6();" type="submit"  id="submit"    value="Akım">&nbsp; &nbsp; &nbsp;<input name="submit"  onclick="show6(); update8();"      type="submit"  id="submit" value="Güç">
 </form>
 </div> 


<div id="graph3"  name="graph3"   align="center" style="display:none;width:1000px;height: 250px;">Akım-Zaman Grafiği</div><br/><br/><br/>

<script type="text/javascript">


 function update6(){
     graph drawing.....
 }
</script>

<script type="text/javascript">


 function update8(){
    another graph drawing..... (not important for  the case)
 }
 </script>


<script>
 function show6(){
document.getElementById("graph3").style.display = 'block';
document.getElementById("cal").style.display = 'block';
}
</script>

//这是图像
http://tinypic.com/r/1549hlz/8
从…起
直到
阿克姆·扎曼·格拉菲奥伊



函数update6（）{
图形绘制。。。。。
}
函数update8（）{
另一个图形绘制…（对于本例不重要）
}
函数show6（）{
document.getElementById（“graph3”）.style.display='block'；
document.getElementById（“cal”）.style.display='block'；
}

您尚未清除浮动

把这个放在两个DIV之间

    <div id="clear" style="clear:both;"></div>

所以

<div id="cal" name="cal"  align="center" style="align: center; float: center; padding-    right: 150px;" >
<form name="form" method="post">
<span >From</span> <input type="text" name="date_from" id="date_from"    onclick="setSens('date_to', 'max');" readonly="true">
<span >Till</span> <input type="text" name="date_to" id="date_to"   onclick="setSens('date_from', 'min');" readonly="true"> &nbsp; &nbsp; &nbsp;
<input name="submit"  onclick="show6(); update6();" type="submit"  id="submit"    value="Akım">&nbsp; &nbsp; &nbsp;<input name="submit"  onclick="show6(); update8();"      type="submit"  id="submit" value="Güç">
</form>

    <div id="clear" style="clear:both;"></div>

</div>  

<div id="graph3"  name="graph3"   align="center" style="display:none;width:1000px;height: 250px;">Akım-Zaman Grafiği</div>

<br/><br/><br/>

从…起
直到
阿克姆·扎曼·格拉菲奥伊

p、 无需声明type=“text/javascript”即可。对于所有三个脚本，您只需要一组标记

'<script>
 function update6(){
     graph drawing.....
 }

 function update8(){
    another graph drawing..... (not important for  the case)
 }

function show6(){
document.getElementById("graph3").style.display = 'block';
document.getElementById("cal").style.display = 'block';
}

</script>'

'
函数update6（）{
图形绘制。。。。。
}
函数update8（）{
另一个图形绘制…（对于本例不重要）
}
函数show6（）{
document.getElementById（“graph3”）.style.display='block'；
document.getElementById（“cal”）.style.display='block'；
}
'

你好，你能发布HTML代码吗？我尝试了z索引，但没有改变，我也把代码放在上面谢谢朋友，它工作了，右边的部分“date\u to”是可以的，但在左边的部分“date\u from”中，我不能改变月份，这意味着左边的部分仍然被下面的图表压碎。你能给我一个链接让我看看吗。看看，右边的部分也被压碎了，右边部分的右边按钮不在图中，所以它可以工作，因为它把我带到了开头：C