Как сделать, чтобы псевдо закрывал только фон?

Question

[olya_097]

тоесть псевдо должен быть только над картинкой, а не над всем блоком

что нужно добавить?

https://jsfiddle.net/L31v2myr/

Comments

[Ankhena]

В коде вообще нет start__box

[olya_097]

Ankhena, да
извините
поправила
Просто в старой версии псевдо и картинка были отдельными слоями

но вопрос остается

[Ankhena]

olya_097, о каком блоке-то речь? И как все должно выглядеть?

[olya_097]

Ankhena, вот https://jsfiddle.net/L31v2myr/1/

.start__box:after
этот должен перекрывать только фоновую картинку

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

[olya_097]

Ankhena, я понимаю

но от меня требуют чтобы псевдо закрывал только фон

[Ankhena]

olya_097, это: https://jsfiddle.net/qjx0mf7t/ ?

[olya_097]

Ankhena, да

[Ankhena]

olya_097, это хорошо

[olya_097]

Ankhena, спасибо огромное!)

Answer 1

[ⓒⓢⓢ]

но от меня требуют чтобы псевдо закрывал только фон

если я правильно понял ваши формулировки и за что обычно бьют по рукам, так это у вас невозможно выделить текст в блоках, т.к. сверху перекрывает псевдоэлемент, добавьте стиля к псевдоэлементу:

.start__image:after {
  pointer-events: none;
  touch-action: none;
}

Comments

[olya_097]

ⓒⓢⓢ, cпасибо, все именно так)