CSS:

Задача была сделать несколько вкладок, в каждой из которых разная карта проезда.

Выпадающее меню на CSS, делалось для джумлы, но использовать можно отдельно.

При детальном изучении, оказалось, что фон "светло серее", не при нажатии, а когда кнопка мыши отпускается.

стал замечать, что у сайтов, при просмотре в мобильном браузере, адресная строка не стандартная, а залита тем или иным цветом.
Сначала я подумал, что это как-то связано с SSL сертификатом, но все оказалось гораздо проще.

Если нужно чтобы один элемент, всегда отображался внизу экрана, даже если контента на странице мал, то в bootstrap для этого есть специальный класс navbar-fixed-bottom

Такой div всегда будет внизу

 
    <div class="navbar-fixed-bottom ">Footer</div>

Если есть блок, внутри которого у всех элементов задано обтекание(float), то браузеры считают, что его высота минимальная.

Пример того, как накладывается эффетк от нескольких элементов с полупрозрачным фоном.

Задача мне досталась уже в таком виде в почти готовом проекте. Попробовал накидать такой код с нуля и протестировать, все заработало, как и должно было, а на рабочем сайте, не работало даже минусовое значение индекса второго элемента.

Наглядный пример демонстрирующий использование Flexbox, в виде расположения точек на игральных кубах.