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

drkrol

Постоялец
Регистрация
6 Мар 2016
Сообщения
112
Реакции
11
Здравствуйте. Я уже задавал похожий вопрос, но решения, как позже оказалось, не решает мою проблему... Есть вот такой календарь Для просмотра ссылки Войди или Зарегистрируйся . Чтобы вывести цифры по-верх div.busy я использовал z-index (дал обоим элементам), но есть проблема: я не могу взаимодействовать с div.busy, пока мышь находится на цифрах. Как вывести цифры по-верх div.busy? Структуру html менять нельзя...
P.S. span.class=a по факту не существует... Я его добавил для наглядности...
по факту вот так выглядит:
HTML:
<span class="flatpickr-day disabled">14<div class="busy col2"><span class="144"></span></div></span>
 
.busy col2:after{
content:"14";
}
 
для .flatpickr-day .busy поставь left:0
Или может я не понял что ты именно хочешь сделать?
 
я изначально сделал opacity, но мне не нравилось это решение, колхоз какой-то... Но выходит так, что нужного для меня css свойства нет и придётся колхозить...
 
нужен визуальный пример чего необходимо добиться. Код далеко не интуитивно понятен, как и сама задача.
 
Код:
.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 и все.
 
Назад
Сверху