Есть ли способ сделать DIV недоступным для выбора?

Question

Вот интересные вопросы CSS для вас!

У меня есть текстовая область с прозрачным фоном с наложением некоторого ТЕКСТА, который я хотел бы использовать в качестве водяного знака. Текст большой и занимает большую часть текстовой области. Это выглядит красиво, проблема в том, что когда пользователь щелкает текстовую область, он вместо этого иногда выбирает текст водяного знака. Я хочу, чтобы текст водяного знака никогда не выбирался. Я ожидал, что если что-то будет ниже в z-index, его нельзя будет выбрать, но браузеры, кажется, не заботятся о слоях z-index при выборе элементов. Есть ли хитрость или способ сделать так, чтобы этот DIV никогда не выбирался?

Answer 1

Убедитесь, что вы явно установили положение как абсолютное или относительное, чтобы z-index работал для выбора. У меня была похожая проблема, и это решило ее для меня.

Answer 2

Используйте

onselectstart = "return false"

предотвращает копирование вашего контента.