Как вывести текст по верх div?

[drkrol]

Здравствуйте. Я уже задавал похожий вопрос, но решения, как позже оказалось, не решает мою проблему... Есть вот такой календарь Для просмотра ссылки Войди или Зарегистрируйся . Чтобы вывести цифры по-верх div.busy я использовал z-index (дал обоим элементам), но есть проблема: я не могу взаимодействовать с div.busy, пока мышь находится на цифрах. Как вывести цифры по-верх div.busy? Структуру html менять нельзя...
P.S. span.class=a по факту не существует... Я его добавил для наглядности...
по факту вот так выглядит:

<span class="flatpickr-day disabled">14<div class="busy col2"><span class="144"></span></div></span>

 

[sol_los]

.busy col2:after{
content:"14";
}

 

[drkrol]

.busy col2:after{
content:"14";
}

увы, но структуру html менять нельзя. Цифры - это переменные

 

[sol_los]

Для просмотра ссылки Войди или Зарегистрируйся, ну тогда костыль

.busy col2{
position:relative;
margin-top:-42px;
opacity:0.5
}

 

[nokino]

для .flatpickr-day .busy поставь left:0
Или может я не понял что ты именно хочешь сделать?

 

[drkrol]

я изначально сделал opacity, но мне не нравилось это решение, колхоз какой-то... Но выходит так, что нужного для меня css свойства нет и придётся колхозить...

 

[mdss]

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

 

[mforve]

.flatpickr-day .busy {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
}

.a {
    background: #a6ecec;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

Бекграунд задаешь ссылке, с сверху прозрачный .busy и все.