css 怎么控制弹出层位置,跪求

html-css013

css 怎么控制弹出层位置,跪求,第1张

简单写了一个 大概就是用了个相对定位 通过设置top和left的值来确定弹出框位于图片上边和左边的距离!具体的值你要以调下top和left

.bottomdiv{position:relativebackground:#FCCwidth:200pxheight:200px}

.pop{position:absolutewidth:150pxheight:100pxtop:50pxleft:100pxborder:1px solid #000background:#CCC}

</style>

<div class="bottomdiv">

<div class="pop">弹出层内容</div>

<img src="http://www.baidu.com/search/zhidao/jctuijian/1217ms.jpg" width="200" height="200" />

</div>

绝对定位弹出DIV的绝对位置 ,

CSS样式名:

position:absolute ,

top:文档高度/2-弹出DIV高度/2 px

left:文档宽度/2-弹出DIV宽度/2 px

这样的算法 就能够把弹出的DIV 位置 设置为 页面的中部

DIV+CSS不能够完全的控制DIV的位置, 因为 以上top和left的值 是需要计算的。因为如果按自己屏幕的大小固定值的话, 别人如果大于或小于你的屏幕分辨率,那么 DIV 的位置就会发生变化。

如果不想剧中就更改TOP 和Left的值即可