同時具有兩種不同的傳單彈出樣式

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);