首页 新闻 搜索 专区 学院

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>
Html代码
羽商宫的主页 羽商宫 | 老鸟四级 | 园豆:2493
提问于:2014-03-12 16:56
< >
分享
最佳答案
1

div css属性 position:relative  当被设为相对定位时 div会以其原来的位置偏移,且并没有脱离文档流,所以你的top:204px会使得div向下移动并遮住 button

解决方法就是将button 也 设为relative 设置 top等属性

收获园豆:5
Zery | 大侠五级 |园豆:6069 | 2014-03-12 18:04
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册