0

親画面の一部のコントロールが div からにじみ出ています (画像を参照)。この div を他のすべてのコントロールの上に配置する必要があります。現在、ラジオボタンのリストとタブがなぜか一番上にあります。

ここに画像の説明を入力

ダイアログボックスの宣言は次のとおりです。

<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;
4

3 に答える 3

1

z-index を使用して、接触のスタック方法を変更できます。デフォルトでは、コンテンツがページとともにロードされる順序に基づいています。

デフォルトでは、z-index は「auto」です。100 などの整数に設定してみてください。

z-index:100;
position:absolute;

z-index を使用する場合、コンテンツの位置の値も変更する必要があります。

z-index の詳細については、http://www.w3.org/TR/CSS2/visuren.html#z-indexをご覧ください。

于 2013-04-24T01:42:10.870 に答える
0

のプロパティを追加する必要があります z-index:99999;

そして必ず追加してください

position: relative;

z-index が機能するようにします。

于 2013-04-24T02:26:32.497 に答える
0

z-index を設定すると、要素の積み上げ順序が制御されます。

#divSaveAnalysis {
  z-index:10000;
}
于 2013-04-24T01:44:06.457 に答える