样式 z 索引不起作用

Style z-index does not work

本文关键字:不起作用 索引 样式      更新时间:2023-09-26

在我的应用程序中,我有按以下顺序添加到图层中的功能:

feature_1
feature_2
feature_3

但是,我希望它们的 z 顺序是相反的,以便feature_1将与其他特征重叠。我认为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仍然与其他功能重叠。

要使z-index生效,必须定位元素(即不是默认值static)。

例如:position:relative