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 为“自动”。尝试将其设置为 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 将控制元素的堆叠顺序。

#divSaveAnalysis {
  z-index:10000;
}
于 2013-04-24T01:44:06.457 回答
0

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

并确保添加

position: relative; 

为 z-index 工作。

于 2013-04-24T02:26:32.497 回答