Nexus,
вот так приблизительно должна выглядеть конечная ссылка http://сайт.ru/Kingdom/Subkingdo..._elongata.html

Если представить что див залит градиентом, от белого вверху, до чёрного внизу, а цвет текста не указан, тоесть чёрный, как прочитать весь текст? Можно конечно попробовать выделить текст и он подсветится, после этого прочитать

Я эти два объекта рассматриваю по отдельности. Да, возможен текст на градиенте, но зачем меню усложнять градиентами, тем более и фон, и текст его, если вы об этом.

laimas,
Если фон залит уже градиентом, и на этом фоне надо написать текст? Так почему бы не писать градиентом.

Да пишите на здоровье, я же не против. ) Но в моем понимании меню, это не то, где это оправдано, тем более если оно имеет очень много уровней, судя по постам выше.

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

А подобрать цвета для меню я пыталась на этой странице

А зачем усложнять, чтобы потом бороться?

Я не понимаю, зачем в меню градиент.

laimas,
хотя бы для того чтобы знать, как правильно и удобочитаемо написать на градиенте без всяких меню, просто чтобы знать как действовать в подобной ситуации

Если градиент, это радуга, то на подложке, иначе подбирают сочетание цветов. Но если меню затрагивает градиент, что вполне может быть, то это никак ни радуга и текст не пестрый.
Ваша попытка не смотрится целым, а сочетание зеленого и синего в разных тональностях только усугубляет это.

Добавьте тексту тень...

<style>html {
	background: url('https://i.ytimg.com/vi/v1SabYdIlZI/maxresdefault.jpg') center / cover;
	text-align: center;
	font: bold 200% sans-serif;
	color: white;
	text-shadow: 1px 1px black, -1px 1px black, -1px -1px black, 1px -1px black, 0 0 1px black;
}</style>

abc123<br>abc123<br>abc123<br>abc123<br>abc123<br>abc123<br>abc123<br>abc123<br>abc123<br>abc123<br>abc123

UPD Вообще эта техника подходит к любому фону, именно так выглядят субтитры!