样式z-index不起作用

Question

在我的应用程序中，我有按此顺序添加到图层的功能：

feature_1
feature_2
feature_3

但是我希望他们的z顺序是反向的，因此feature_1将与其他功能重叠。我认为Style的zIndex属性应该有帮助，但事实并非如此。我这样设置：

feature_1.setStyle(
    new ol.style.Style({
        ...
        zIndex: 999999
    })
);

feature_2.setStyle(
    new ol.style.Style({
        ...
        zIndex: 111
    })
);

feature_3.setStyle(
    new ol.style.Style({
        ...
        zIndex: 0
    })
);

并没有帮助。 Feature_3仍然与其他功能重叠。

Answer 1

要使z-index生效，必须定位一个元素（即不是static的默认值）。

例如：position:relative