JQuery布局用户界面和（ESRI Dojo）问题

我想获得一些盒子阴影到中心布局的UI与ESRI地图工作，但不能让它工作。当我将box-shadow添加到中心布局时，它工作正常，但是当我添加ESRI地图（使用dojo）时，地图隐藏了阴影。我已经在这里提到了ArcGIS for Javascript forum这个问题。JQuery布局用户界面和（ESRI Dojo）问题

我想知道您是否有任何提示或想法可以用来解决这个问题？

HTML代码：

<div class="ui-layout-center"> 
    <div id="map"><span id="shadow" style="height: 100%; width: 100%;"></span></div> 
    <button class="btn btn-danger btn-sm" title="Toggle layout" type="button" style="position: absolute; left: 2px; bottom: 2px; right: auto;" onclick="myLayout.toggle('west')"> 
     <span class="glyphicon glyphicon-resize-small"></span> 
    </button> 
</div>

CSS代码：

.ui-layout-center { 
    background: white; 
    padding: 0; /* IMPORTANT - remove padding so pane can 'collapse' to 0-width */ 
    box-shadow: inset 0 0 20px #000000 !important; 
} 
.shadow { 
    -moz-box-shadow: inset 0 0 10px #000000; 
    -webkit-box-shadow: inset 0 0 10px #000000; 
    box-shadow: inset 0 0 10px #000000; 
    z-index: 10000; 
    background: transparent; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
}

谢谢亚历

来源

2014-08-27 user27186

请问[这个问题]（http://stackoverflow.com/questions/5505118/css-box-shadow-hidden-z-index-does-not-fix）有帮助吗？我不认为这是一个ESRI JS特定的API。 – Juffy 2014-08-29 00:05:29

我实际上刚刚在CSS中找到了这样的解决方案：'svg＃map_gc {box} shadow：inset 0 0 20px black; -webkit-box-shadow：inset 0 0 20px black; -moz-box-shadow：inset 0 0 20px black; }'。谢谢你的帮助！ – user27186 2014-08-29 15:42:12

一旦你通过一个div id来Esri的API，它会操纵其属性和特性以各种方式，除了追加几个孩子（包括svg元素，就像你发现的那样）。我已经找到了最佳的工作是包地图div在div容器：

<div id="myMapContainer" style="/*insert style here*/"> 
    <div id="myMap"></div> 
</div>

这样一来，当API接管“MYMAP”分区，您的外部“myMapContainer”分区将不会受到影响，因此您可以根据自己的喜好进行设计。

来源

2016-11-19 22:59:36

JQuery布局用户界面和（ESRI Dojo）问题

回答

相关问题