1

我正在尝试创建一个带有 Google 地图的 jQueryUI 对话框。我在公司应用程序的许多其他地方的对话框周围使用了 box-shadow，没有任何问题。现在，在对话框中使用 Google 地图，盒子阴影会留下痕迹。该问题仅在 Chrome 中出现，当我切换到不同的选项卡并再次返回时，路径将清除。

<div id="mapContainer" title="Drag Me">
    <div id="map">
    </div>
</div>

.

$(document).ready(function () {
var map;
var options = {
    zoom: 6,
    center: new google.maps.LatLng(42, 42),
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($('#map')[0], options);

$('#mapContainer').dialog();
});

.

#map {
    height: 200px;
    width: 200px;
}

.ui-dialog {
    box-shadow: #000 5px 5px 5px;
}

我做了一个测试来向自己证明问题不在于 jQueryUI draggable。

这是指向提出问题的小提琴的链接。 同样，这只会在 chrome 中中断。

4

1 回答 1

1

尝试添加-webkit-backface-visibility: hidden;到.ui-dialog.

于 2013-11-11T04:15:14.797 回答