HTML div需要位於所有其他控件之上

父屏幕上的某些控件正在通過div流血（請參閱圖像）。我需要這個div來處理所有其他控件。現在，單選按鈕列表和標籤以某種方式位於頂部。HTML div需要位於所有其他控件之上

enter image description here

下面是該對話框的聲明：

<div id="divSaveAnalysis" style="display: block; opacity: 100; width: 350px; font-size: 40px; position: absolute; top: 35px; left: 100px; background-color: rgb(247, 219, 111); padding: 15px; border: 1px solid #000;"> 
    <div id="saving" style="font-size:medium; font-weight:bold;"> 
     <span id="savingSpan" style="font-size: xx-large">Saving Analysis...</span> 
     <img src="css/images/Indicators/Activity/GearGreen_66x66.gif" style="float: right; height: 80px;" 
      title="Saving FLSA Analysis" alt="Saving..." /> 
     <br /> 
     <br /> 
     <div><span id="savingReport" style="font-size: small;"></span></div> 
     <div><span id="savingInputs" style="font-size: small;"></span></div> 
     <div><span id="savingResults" style="font-size: small;"></span></div> 
     <div><span id="savingComplete" style="font-size: small;"></span></div> 
    </div> 
</div>

計算的樣式的DIV是：

background-color: rgb(247, 219, 111); 
border-bottom-color: rgb(0, 0, 0); 
border-bottom-style: solid; 
border-bottom-width: 0.9090908765792847px; 
border-left-color: rgb(0, 0, 0); 
border-left-style: solid; 
border-left-width: 0.9090908765792847px; 
border-right-color: rgb(0, 0, 0); 
border-right-style: solid; 
border-right-width: 0.9090908765792847px; 
border-top-color: rgb(0, 0, 0); 
border-top-style: solid; 
border-top-width: 0.9090908765792847px; 
color: rgb(51, 51, 51); 
display: none; 
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size: 40px; 
height: auto; 
left: 100px; 
line-height: 17.99715805053711px; 
opacity: 1; 
padding-bottom: 15px; 
padding-left: 15px; 
padding-right: 15px; 
padding-top: 15px; 
position: absolute; 
text-align: left; 
top: 35px; 
visibility: visible; 
width: 350px;

來源

2013-04-24 Bob Jones

您是否嘗試過將'z-index'設置爲需要位於頂部的div？ – 2013-04-24 01:40:17

我無法重現這一點。這裏是一個[JSFiddle]（http://jsfiddle.net/PW32t/），它最近在Chrome中爲我工作。有可能你的單選按鈕被賦予了更高的'z-index'。 – 2013-04-24 01:41:02

您可以使用z-index的方式的轉變，聯繫堆棧。默認情況下，它基於內容加載到頁面的順序。

默認情況下，z-index是'auto'。嘗試當你使用也必須更改內容的位置值的z-index它像100

z-index:100; 
position:absolute;

設置爲整數。

您可以瞭解更多有關的z-index這裏http://www.w3.org/TR/CSS2/visuren.html#z-index

來源

2013-04-24 01:42:10 AndrewHipp

z-index工作，我的代碼已經有位置：絕對。現在我只需要了解他們如何互動。 – 2013-04-24 14:14:31

設置的z-index將控制元素的堆疊順序。

#divSaveAnalysis { 
    z-index:10000; 
}

來源

2013-04-24 01:44:06

值得注意的是，如果沒有其他的'z-index'設置在頁面上，'z-index'設置爲10000，沒有理由''z-index：1;'足以推動它高於所有其他事情......做這樣的事情只會在你將來在頁面頂部放置其他東西時引起你頭痛......使用你的'z-index''負責任！ – 2013-04-24 16:09:20

我完全同意，但由於我無法訪問整個頁面，因此我希望能夠安全地確保問題得到解決。但是，是的，'z-index：1;'是最經常使用的方式。 – 2013-04-24 16:33:19

你需要添加的 z-index:99999;

財產，並確保添加

position: relative;

的z-index的工作。

來源

2013-04-24 02:26:32

值得注意的是，如果沒有其他的'z-index'設置在頁面上，'z-index'設置爲99999是沒有理由的，'z-index：1;'足以推動它高於所有其他事情......做這樣的事情只會在你將來在頁面頂部放置其他東西時引起你頭痛......使用你的'z-index''負責任！ – 2013-04-24 16:08:42

HTML div需要位於所有其他控件之上

回答

相關問題