JQuery弹出窗口出现在一些地图元素下
Gaz*_*yer 2 jquery dialog popup z-order openlayers
对JQuery和OpenLayers都很陌生.在我尝试使用JQuery的对话框类打开模态对话框之前,一切都在顺利进行.
该对话框工作正常,但它出现在地图的某些元素下:
Opera和Chrome都是一样的(未经过其他测试).任何人都可以建议一种解决方法吗？谢谢.
编辑:我在这里创建了一个演示问题的小提琴.
HTML:
<body>
<div id="map"></div>
<div id="popup" title="Test">
<p>Blah blah</p>
</div>
</body>
使用Javascript:
var map;
$(function () {
//init map
map = new OpenLayers.Map('map', {});
var wms = new OpenLayers.Layer.Google('Google Map Layer', { type: google.maps.MapTypeId.HYBRID });
map.addLayer(wms);
if (!map.getCenter()) {
map.zoomToMaxExtent();
}
//init popup
$("#popup").dialog({
height: 400,
width: 300,
modal: true
});
});?
看起来如果你添加position:relative;到地图它按预期工作.
#map { position:relative; width:200px; height:200px; }