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

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

可以采用css中的position来实现决定定位。
代码实例如下：

一些文本。
更多的文本。


此实例是相对于浏览器边框进行的定位。
2、补充相关知识
bsolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed
生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative
生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit 规定应该从父元素继承 position 属性的值。

简单写了一个 大概就是用了个相对定位 通过设置top和left的值来确定弹出框位于图片上边和左边的距离！具体的值你要以调下top和left
.bottomdiv{position:relative;background:#FCC;width:200px;height:200px;}
.pop{position:absolute;width:150px;height:100px;top:50px;left:100px;border:1px solid #000;background:#CCC}

这个意思吗

html:

css:
.d1{
width:30px;
height:30px;
background: #000;
border-radius:50%;
position: absolute;
top:50%;
left:50%;
margin-left:-15px;
margin-top:-15px;
display: none;
}
.d2{
width:300px;
height:150px;
position: relative;
}
js:
$(".img1").click(function(){
$(".d1").css("display","block");
})

我建议你还是截图一下。
大概意思我给你说下这个用法。
首先你需要获取你要点击的图的位置。比如他是 class="img1",并且第二个class=“img2”是display：none
js或jq当中获取他
var Img1=document.getElementByClassName("img1");
var Img2=document.getElementByClassName("img2");
Img1.onclick=function(){
Img2.style.display="block"
}
$(".img1").click(function(){
$(".img2").show();
});