Проблема со стилем CSS Mapbox ⇐ CSS

[Гость]

У меня есть следующий CSS:

.mapboxgl-ctrl.mapboxgl-ctrl-attrib { ширина: 280 пикселей; переполнение: скрыто; перенос слов: разрыв слова; } кнопка .mapboxgl-ctrl.mapboxgl-ctrl-attrib { дисплей: нет; } .версия-водяной знак { положение: фиксированное; правильно: 0; внизу: 20 пикселей; z-индекс: 2; } И HTML:

ЗДЕСЬ НАХОДИТСЯ НОМЕР ВЕРСИИ Но это дает следующий результат:





Я ожидал, что мой пользовательский элемент div унаследует тот же цвет фона, что и CSS Mapbox (как видно при проверке элемента:

.mapboxgl-ctrl.mapboxgl-ctrl-attrib { отступ: 0 5 пикселей; цвет фона: hsla(0,0%,100%,.5); маржа: 0; } Но блок div в Mapbox кажется немного более непрозрачным, чем мой, хотя они должны иметь один и тот же стиль.