这种z-index格式化是如何工作的?我应该只能看到带有z-index和150的层,而不能看到其他任何层,但是我能够看到所有三个层,因为z-indez没有工作。它应该是如何工作的?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>z-index</title>
<!--Problem is that the z-index is not at all working-->
</head>
<
可以提供浏览器用来处理z索引的算法/伪代码吗?我似乎总是遇到这样的情况:当使用z索引时,我的期望不符合观察到的行为。我认为理解z索引的最好方法可能是研究浏览器用来处理它的算法。我以为算法应该是:
render(Node n)
{
var contexts = [n.stackingContext]; // initialize by creating a single root context
for(var child in n.children)
{
if (child has a z-index set using either z-index:n