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

Question

[del993788]

Здравствуйте. Я уже задавал похожий вопрос, но решения, как позже оказалось, не решает мою проблему... Есть вот такой календарь https://jsfiddle.net/fejkpcqc/ . Чтобы вывести цифры по-верх 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>

Answer 1

[Виктор Янышев]

.a {
  cursor: pointer;
  position:relative;
  z-index:1500;
}

Comments

[del993788]

Во 1: P.S. span.class=a по факту не существует... Я его добавил для наглядности...
Во 2: Я так и не могу нажать на div.busy
В 3: на кой черт давать pointer для a?

[Павел]

qqignatqq: потому что это class и не факт что ссылка. Блоку задается position: relative; внутри блоку задается position: absolute; или же relative с разными значениями и плюс z-index: 1000 а блок на которой нужно наложить меньший z-index
[code]
.block {position: relative;top:0px;left:0px;}
.sub-block {position: absolute;top: 50px;left:5px;}
или
.block {position: relative;top:0px;left:0px;z-index:400;}
.sub-block {position: relative;top: -100px;z-index: 500;}

[Виктор Янышев]

Не так тебя понял, с первого раза. А так = Контейнер - слой с фоном - слой с текстом - невидимый слой для события. Ну это если тебе нужен текст. Без него ещё проше

[del993788]

PavelMonro: ты чушь несёшь. я знаю, что это не ссылка. у меня нет ссылок. У меня есть действие при нажатии на busy. Так как цифры занимают некоторое пространство я не могу нажимать на busy.

[del993788]

Виктор Янышев: так как всё-таки сделать, чтобы я мог нажимать по всей плоскости busy?

[Павел]

Выражаться нужно ясней. busy добавить z-index: 100; cursor:pointer и действие по jquery

[Виктор Янышев]

qqignatqq: в первую очередь надо решить тебе текст нужен или нет

[del993788]

PavelMonro: ёбан*ый в рот, ты совсем не вкуриваешь, что ты говоришь? при чем тут pointer? На кой он мне там сдался. Я специально для таких, как ты, добавил span.a и дал ему cursor default, чтобы вопросов лишних не было. пздц просто.

[del993788]

Виктор Янышев: Да, текст нужен) Вот такая структура

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

[Виктор Янышев]

qqignatqq: Сделал так, как бы Я сделал. Бери идею и всё

[Виктор Янышев]

https://jsfiddle.net/fejkpcqc/1/

[Виктор Янышев]

Поинтер, для показательности что кликабельно

[del993788]

Виктор Янышев: в том-то и дело, что смещение сделано специально (busy должен находиться между датами), и что цвет находится на классе colN .

[Виктор Янышев]

qqignatqq: Я тебе показал как всё решить, проблему твою со слоями по оси Z. А дальше применяй к своей задаче.

[del993788]

Виктор Янышев: цвет у busy. Цвета у flatpickr-day нет.

[Виктор Янышев]

Не тупи, поменяй местами bg

[del993788]

Виктор Янышев: https://jsfiddle.net/fejkpcqc/2/ ииии?) текст не видно

[Виктор Янышев]

 Тогда текст оборачивай или контейнер

Answer 2

[LittleFatNinja]

шо за по верх?

Comments

[del993788]

сверху, на передний план, по-верх...

[Alexander Sharihin]

qqignatqq: слитно пишется