样式 z-index 不起作用答案

【问题标题】：Style z-index does not work样式 z-index 不起作用
【发布时间】：2016-02-20 15:12:56
【问题描述】：

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

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 仍然与其他功能重叠。

【问题讨论】：

不，他没有，但是他可以使用 display:flex 更改排序
看看this example，如果你可以使用多层。
我也有同样的问题...您找到解决方案了吗？

标签： javascript openlayers-3

【解决方案1】：

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

例如：position:relative

【讨论】：

是特征属性吗？
我检查了文档、默认特征参数和默认特征原型，但对位置一无所知。因此，如果您不理解“元素”的含义，我将无法接受您的回答。
那么，你能提供一个很小的例子吗？
无论您将 z-index 应用于什么元素，都必须将其位置属性设置为静态以外的其他内容。
因此，像new ol.Feature({ ... }) 这样定义的特征也可以被视为“元素”。像new ol.Feature({position:"relative",...}) 这样做应该可以吗？