我想更好地理解CSS z-index属性和堆叠上下文。
作为练习，我已经构建了一个包含一些元素的HTML演示，我试图仅使用z-index定位以各种不同的顺序对它们进行排序。
基本演示可在this fiddle中找到。
现在，是否可以按以下顺序（最远到最近）堆叠上述演示中的元素：#d1, #d4, #d2, #d3？
（澄清一下，初始演示中的顺序是：#d1, #d3, #d2, #d4）
在提出这个问题之前，我实际上已经搜索并阅读了z-index和堆叠上下文。我熟悉z-index如何工作的一般规则和规范，以及何时创建堆叠上下文。
因此，这不是一般的“我不明白z-index是如何工作的”问题，因此它不是this question的副本。
这个问题是指我在上面详细介绍的具体案例。我要求的是对这个具体问题的一个非常具体的答案 - “是的，这可以这样做......”或“不，这不可能实现，因为......”