При использовании текста поверх изображений, если изображения всегда разные, текст временами может быть нечитабельным, если по “счастливой” случайности цвет текста и фона совпадут.
BackgroundCheck представляет собой небольшую javascript-библиотеку, которая позволяет избежать подобных ситуаций, и автоматическим образом изменяет цвет элемента на более темный или светлый.
Как только элемент пересекает изображение фона, инструмент добавляет соответствующие классы .background—dark или .background—light. Вам будет достаточно создать соответствующие стили для классов.
Веб-сайт: http://kennethcachia.com/background-check/
Скачать: https://github.com/kennethcachia/Background-Check