Javascript 具有相同目标位置的弹出窗口显示方式不同
我有两个来自行内代码的弹出窗口:Javascript 具有相同目标位置的弹出窗口显示方式不同,javascript,html,asp.net,Javascript,Html,Asp.net,我有两个来自行内代码的弹出窗口: <script type="text/javascript"> Sys.debug = true; var popup; Sys.require(Sys.components.popup, function () { popup = Sys.create.popup("#popup", { parentElementID: "target", }); });
<script type="text/javascript">
Sys.debug = true;
var popup;
Sys.require(Sys.components.popup, function () {
popup = Sys.create.popup("#popup", {
parentElementID: "target",
});
});
var popup2;
Sys.require(Sys.components.popup, function () {
popup2 = Sys.create.popup("#popup2", {
parentElementID: "target",
});
});
</script>
我打赌这与第二个弹出窗口的CSS浮动设置有关。
<span id="target" style="position: absolute; top: 50%; left: 50%; margin-top: -125px;
margin-left: -200px;"></span>
<div id="popup" style="background: #EAFDB3; color: #000; padding: 15px; margin: 0px">
//content
</div>
<div id="popup2" style="background: #EAFDB3; color: #000; padding: 15px; margin: 0px">
//content
</div>
<script>
Sys.onReady(function () {
popup.show();
})
</script>
<script>
Sys.onReady(function () {
popup2.show();
})
</script>
#popup
{
width: 400px;
height: 250px;
overflow: scroll;
background-color: #EAFDB3;
border: solid 2px black;
}
#popup2
{
width: 400px;
height: 250px;
background-color: #EAFDB3;
border: solid 2px black;
}