Как расположить after под прозрачным блоком?

Спасибо, именно то, что нужно.

Как расположить after под прозрачным блоком?

Рустам Байназаров, классы просто для наглядности.

Вот так я хочу чтобы это выглядело:

А вот как это выглядит, если задать прозрачность:

Как расположить after под прозрачным блоком?

Ankhena, ага, только надо это сделать с помощью одного дива

Как расположить after под прозрачным блоком?

Рустам Байназаров,

Нужно чтобы при установке прозрачности диву, его афтер находился на уровень ниже самого дива.
Чтобы выглядели они как тут: https://jsfiddle.net/8wz5cdrt/
UPD. Упс, корректнее будет вот так: https://jsfiddle.net/4qmy6dxt/

Как расположить after под прозрачным блоком?

Рустам Байназаров, увы, не оно. Я понимаю, что это далеко не самый очевидный способ и вариант на нескольких дивах я давно сделала, но вот хочется через псевдо это как-то слепить.

Как расположить after под прозрачным блоком?

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

Как я могу проверить focus на textarea в условии if javascript?

mrbykovoleg, инверсия условия. https://learn.javascript.ru/logical-ops#ne

Как мне получить настоящий размер картинки?

И что в нем не так?

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

Изначальный вопрос - как получить размеры картинки
Ответ - img.naturalWidth и img.naturalHeight

А как реализовать поведение object-fit: contain для блока - это уже другая история. Но вкратце - делается это версткой, а не вот этим вот всем.

Как вывести дочерний элемент на передний план?

zuraavl, ну да, так понятнее. Тогда как я и сказала:

кнопкам, которые внутри слайдов задать z-index выше, чем у кнопок переключения слайдов

https://jsfiddle.net/k59sct1m/

Как вывести дочерний элемент на передний план?

zuraavl, попробуйте кнопкам, которые внутри слайдов задать z-index выше, чем у кнопок переключения слайдов. Но все равно это странно: две кнопки, которые собой полностью закрывают интерактивные элементы. Сделайте их поменьше что ли..

Как мне получить настоящий размер картинки?

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

E.g. скрипт без обертки, просто в конце body https://jsfiddle.net/gb20c7xe/

Как вывести дочерний элемент на передний план?

zuraavl, а как у вас будут кнопки нажиматься, если поверх них вы хотите сделать слайдер? оО

Как вывести дочерний элемент на передний план?

"Невидимые кнопки" это у вас значит полностью прозрачные? Тогда button { pointer-events: none }, или button { display: none }

Какой метод верстки сайта и лейдинга считается оптимальным?

Ankhena, и правда философский. Но лишние символы могут быть и любым другим бесполезным мусором:

полно верстальщиков, которые лепят *вставить свойство* всюду

А есть объективные причины, по которым сверстать что-то флексом будет хуже, чем другим способом? Если выглядит и работает оно именно так, как задумывалось, а ие не берется во внимание. Мне правда интересно.

Какой метод верстки сайта и лейдинга считается оптимальным?

Ankhena, так это просто лишние символы, но хуже-то этого не становится?

Какой метод верстки сайта и лейдинга считается оптимальным?

DanKud, а есть какая-нибудь причина не использовать флексы?

Как сверстать этот элемент?

Зачем z-index такой здоровый, там же картинка сверху.

Можно ли на js проверить поддержку href="tel:"?

mrbykovoleg, зависит от способа, но в теории, эта проверка может сработать некорректно только при попытке пользователем поменять юзер-агент. А если он делает это, значит ему так надо и лучше ему не мешать. Ну можете еще одновременно с этим media проверять, для надежности

Как переместить элемент li по клику?

В правом списке выделение странно работает

Как переместить элемент li по клику?

Stalker_RED, верно, ванильный js я не очень умею, особенно работу с нодами. У вас проще и лаконичнее получилось