Как сделать поверху всех слоев прозрачный или с картинкой на сайте?

Question

[Sergeevich186]

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

Answer 1

[Евгений Петров]

В дополнение к прекрасному варианту с pointer-events, который предложил Роман, для IE10 и ниже возможен вариант:

body:after {
	content: "";
	position: fixed;
	z-index: 1; /*Раззудись, молодецкое плечо*/
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

Comments

[Sergeevich186]

Спасибо.

[dzinrai]

А в других браузерах это должно работать?

[Евгений Петров]

dzinrai: Во-первых, можно проверить:) Во-вторых, есть ресурс caniuse.com — раз, два.

[dzinrai]

Евгений Петров: У меня не работает c помощью body:after... Все продолжает прекрасно выделяться и переходить по ссылкам)

[Евгений Петров]

dzinrai: Пример выкладывайте.

[dzinrai]

Евгений Петров: Ну хотя бы так jsfiddle.net/zp18z6wk

[Евгений Петров]

dzinrai: Позор на мою голову... Про основное-то забыл — content:"". jsfiddle.net/petroveg/zp18z6wk/1

[dzinrai]

Евгений Петров: понял, спасибо.

[Sergeevich186]

Евгений Петров: теперь то да, не переходит по ссылке, но, текст выделяется.

[Евгений Петров]

Sergeevich186: Для этого есть user-select-none.
jsfiddle.net/petroveg/zp18z6wk/1

[Евгений Петров]

Sergeevich186: jsfiddle.net/petroveg/zp18z6wk/2

Answer 2

[Роман]

а самому подумать, не? задача элементарная

а еще есть pointer-events:none

Comments

[Sergeevich186]

Подумать то можно, но времени очень мало, а нужно успевать. Если уж спрашиваю, значит так нужно :)