Css 堆叠上下文：绝对定位和浮动

解释堆叠上下文和浮动。以下是他们提供的示例：

div{
字体：12px Arial；
}
span.bold{
字体大小：粗体；
}
#押记1{
不透明度：0.7；
位置：绝对位置；
宽度：150px；
高度：200px；
顶部：10px；
右：140px；
边框：1px虚线#990000；
背景色：#ffdddd；
文本对齐：居中；
}
#诺姆迪夫{
/*不透明度：0.7*/
高度：100px；
边框：1px虚线#999666；
背景色：#ffffcc；
保证金：0px 10px 0px 10px；
文本对齐：左对齐；
}
#弗洛迪夫1{
不透明度：0.7；
保证金：0px 10px 0px 20px；
浮动：左；
宽度：150px；
高度：200px；
边框：1px虚线#009900；
背景色：#ccffcc；
文本对齐：居中；
}
#弗洛迪夫2{
不透明度：0.7；
利润率：0px 20px 0px 10px；
浮动：对；
宽度：150px；
高度：200px；
边框：1px虚线#009900；
背景色：#ccffcc；
文本对齐：居中；
}
#押记2{
不透明度：0.7；
位置：绝对位置；
宽度：150px；
高度：100px；
顶部：130像素；
左：100px；
边框：1px虚线#990000；
背景色：#ffdddd；
文本对齐：居中；
}

第1分部

位置：绝对位置；

第2分部

浮动：左；

第3分部

浮动：右；



第4分部

无定位

第5分部

位置：绝对位置；

堆叠顺序和不透明度 堆叠顺序受

不透明度

属性的影响。这在以下文件中有所说明：

注意：在下面的示例中，除未定位的块外，所有块都是半透明的，以显示堆叠顺序。如果未定位块（DIV#4）的不透明度降低，则会发生奇怪的情况：该块的背景和边框会在浮动块上方弹出，但仍在定位块下方。我无法理解这是一个bug还是对规范的特殊解释。（应用不透明度可能会隐式创建堆叠上下文。）

检验这一理论 让我们减少标记以仅包括两个有问题的div。这是我们看到的情景；绝对定位的

div1

位于

div3

下方：

div{
填充：20px；
}
#第一组{
不透明度：0.7；
位置：绝对位置；
宽度：150px；
高度：200px；
顶部：100px；
左：50px；
边框：1px虚线#990000；
背景色：#ffdddd；
文本对齐：居中；
}
#第三组{
不透明度：0.7；
利润率：0px 20px 0px 10px；
浮动：左；
宽度：150px；
高度：200px；
边框：1px虚线#009900；
背景色：#ccffcc；
文本对齐：居中；
}

第1分部

位置：绝对位置；
第3分部

浮动：对；

对不起。我不知道如何添加花哨的内联内容。我会知道这应该是问题的答案。我的理解是，这应该是问题的答案。我的理解是：如果没有opactiy，那么定位的elment（div1）在float元素（div3）之前。如果存在不透明度，则两个元素处于同一级别。它们在html源代码中按顺序显示。一旦具有不透明度，将忽略“定位/浮动”规则。