div太长使得input被覆盖如何使底下的input能被点击
0
悬赏园豆：5
[已解决问题]
解决于 2014-04-08 14:43
div太长使得input被覆盖，这时在火狐中不能点击到该input，但是IE8中就能够点击到如何使底下的input在火狐中能被点击
<html><head><title> 手机网页预览 </title><link type="text/css" href="/Css/houtai.css" rel="Stylesheet"></head> <body> <div style="background-image:url(../../Images/bgIphone.png); background-repeat:no-repeat; background-position: top center;" align="center"> <div style="position: relative; top: 204px; width: 494px; height: 1200px"> <iframe id="PreviewFrame" style="width: 494px; height: 744px" src="../PageModual/PageDisplayPreView?id=6_3_6_239_0" name=" PreviewFrame"></iframe> </div><div style="z-index: 1000;"> <span class="btnA1"> <input id="Button3" name="btnReturn" value="返回" onclick="history.back(-1);" type="button"></span> </div></div> </body></html>
最佳答案
1
div css属性 position：relative 当被设为相对定位时 div会以其原来的位置偏移，且并没有脱离文档流，所以你的top:204px会使得div向下移动并遮住 button
解决方法就是将button 也 设为relative 设置 top等属性
收获园豆：5
