[讨论] jquery ui dialog里面的内容可以在dialog外面显示吗？

createn 2013-12-24 04:19:46

这里看到的绝对定位div在外面的部分被隐藏了
有朋友遇到过吗？求分享！

附上我的html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ui实例</title>
<link href="css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js"></script>

<script language="javascript">
//弹出城市窗口
$(document).ready(function(){
$("#city").click(function(){
$('#cityload').dialog("open");
});
$('#cityload').dialog({
autoOpen: false,
height:600,
width: 900,
bgiframe: true,
modal:true,
closeOnEscape:true,
resizable: false,
draggable:false
});
});

</script>
</head>

<body>
<div id="city">点我弹出吧</div>

<div id="cityload" style="background-color:#0099FF; padding:15px; display:none; position:relative; text-align:left">我是弹出的内容哦
<div style="position:absolute; right:-60px; top:60px; width:200px; height:200px; z-index:999999; background-color:#999900; text-align:right; padding-top:60px;">
我是要超出外面的内容
</div>
</div>

</body>
</html>

...全文