javascript - 样式 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