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）問題

回答

相關問題