Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使jQuery模式框显示;“在上面”;页面元素的定义?_Jquery_Popup_Modal Dialog_Css - Fatal编程技术网

如何使jQuery模式框显示;“在上面”;页面元素的定义?

如何使jQuery模式框显示;“在上面”;页面元素的定义?,jquery,popup,modal-dialog,css,Jquery,Popup,Modal Dialog,Css,我目前正在开发一个小的jQuery弹出模式框。我正在使用运行良好的toggleSlide()函数。然而,每当我调用该框时,它都会将所有其他内容推到一边 我试过使用position:relative和显示:内联,但两者都不起作用 希望能从任何能提供帮助的人那里得到一些见解。您可以在我的演示网站上查看代码:[已删除]抱歉,此演示已脱机 您需要将位置:相对添加到.containmsg中,然后将模式框设置为位置:绝对稍微调整图形以使其完全对齐 .containmsg { display: blo

我目前正在开发一个小的jQuery弹出模式框。我正在使用运行良好的
toggleSlide()
函数。然而,每当我调用该框时,它都会将所有其他内容推到一边

我试过使用
position:relative
显示:内联,但两者都不起作用


希望能从任何能提供帮助的人那里得到一些见解。您可以在我的演示网站上查看代码:[已删除]抱歉,此演示已脱机

您需要将
位置:相对
添加到
.containmsg
中,然后将模式框设置为
位置:绝对
稍微调整图形以使其完全对齐

.containmsg {
    display: block;
    float: right;
    margin-left: 50px;
    position: relative; /* add this */
}

.containmsg .mainComposeD {
    left: -33px;
    position: absolute; /* add this */
    top: 22px; /* add this */
}

你是个救生员谢谢你!我真的不明白这些模态盒的定位。我花了一分钟,但很简单。还感谢您使用相同的类,使其更加容易