ifream 中的控件 和其他组件的层级关系展示

来源:互联网 发布:wechat是什么软件 编辑:程序博客网 时间:2024/05/30 02:53

<div id="top">

  <ifream width="xxpx" height="xxpx;">

        <div id="div1">  </div>

   </ifream>

</div>

<div id="center">

 <ul  ></ul>

</div>

如上:情况是div1是个鼠标滑过才显示的div,但是 div1没有办法正常显示且被压在center的下面,

分析:div1被压在了center下面,所以首先想到的是调整div1所在的大div  top 和center的层级关系,但是发现即便是设置了z-index也是无济于事

于是我们分析是不是ifream的高度限制了div1的显示,所以我们调高了ifream的高度,嗯不错,这个div1可以正常显示了

但是这个时候问题又出现了,center中的输入框失效了》。。。这又是什么问题呢..

原来是因为ifrem他本身是透明的,优先级要高于其他的控件

所以最后我们决定放弃使用ifream,,如此问题便解决了....


没事的时候常总结一下.....这样有益于进步!



0 0
原创粉丝点击