Сергей

class="active" добавляется ссылке

li a.active {
    color: #268fd0;
    cursor: pointer;
    pointer-events: none;
}

А кто будет учить азы html?
Нельзя использовать id дважды. id - уникальный элмемент на странице

наложить див с черным беграундом и opacity поставить нужное

Не влияет. Поисковики нормально это обрабатываются уже много лет.
Но если так делать, получается меньше кода в файле, значит меньше весь, но это не так критично если там не тысячи строк.
Обычно так делает, если это окно формируется в каком-то файле скриптом, например мы посылаем данные в php скрипт, он на основе данных возвращает какое-то окно

В статье же вставляется код?