同时具有两种不同的传单弹出样式

Question

我想知道是否有可能有两种完全不同的弹出式样式。 下面是一个示例： Solid Transparent我想要彼此独立地使用这两种样式。 例如，具有矩形的纯色背景和标记的透明度。 这是将其更改为透明的代码：

.leaflet-popup-content-wrapper {
    background: #D3D3D3;
    background: transparent;
}

感谢您为此菜鸟提供的任何信息:)

编辑：我试图通过在我的弹出窗口中添加一个类来建议@ n0m4d，但它似乎没有做任何事情：

JS：

var popup = L.popup({className: 'pareina'})
    .setLatLng([0, 0])
    .setContent("I am a standalone popup.")
    .openOn(map);

CSS：

.pareina{
    background: black;
}

编辑2：我设法让它工作，这是我做的：

JS：

var popup = L.popup({className: 'pareina'})
    .setLatLng([0, 0])
    .setContent("I am a standalone popup.")
    .openOn(map);

CSS这是我做的事情有点不同：

.pareina .leaflet-popup-content-wrapper{
    background: transparent;
}

基本上我把.leaflet-popup-content-wrapper作为.pareina的子元素，它起作用了！ :)谢谢你帮助@ n0m4d

Answer 1

根据传单的js 文档 ，您可以将类名传递给弹出选项：

className选项：要分配给弹出窗口的自定义类名。

所以你的代码看起来像这样：

var popup = L.popup({className: 'leaflet-popup-content-wrapper' })
             .setLatLng(latlng)
             .setContent('<p>Hello world!<br />This is a nice popup.</p>')
             .openOn(map);