码迷,mamicode.com
首页 > 其他好文 > 详细

关于div弹出层的实际应用心得

时间:2016-08-23 16:38:50      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

  今天本人要做一个点击弹出的功能,因为这个功能是最后做的,所以写的时候很纠结, 因为本人小菜一枚, 开始尝试用 position:relative;来做一试不行呀 ,因为用这个来做的话 会打乱原有的布局, 然后我就又尝试 absolute 来做,其实用绝对定位是正确的 可是我当时犯蒙,把弹出框放在html最后面 然后定位用了 top 还有left,结果absulute虽然不会影响布局 可是位置是死的,好了 不屁话了 直接上正确的方式。

  对了 最后我被气的好考虑过用js来做  先获取一个可以随着浏览器移动而移动的div的位置  然后获取他的x,y  然后 弹出div的位置用获取到的x,y。这虽然没有试,但是我估计也是可以的 可能就是麻烦点。

正确的方式应该是:html页面

技术分享

 

css页面:

技术分享

这样写就能保证弹出框的div不会干扰到其他的div  位置又不是死的 不会因为浏览器的分辨率而发生位置变化。 但是具体深层次的原因 还是不太懂

欢迎大神留言不吝赐教!

 

关于div弹出层的实际应用心得

标签:

原文地址:http://www.cnblogs.com/MenofGod/p/5799456.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!