Изменение цвета текста в зависимости от цвета фона ⇐ Html

[Anonymous]

Можно ли динамически изменять цвет текста на основе цвета фона с помощью CSS или JS, если это невозможно с помощью CSS? У меня есть изображение, которое находится под текстом. Цвет моего текста белый, но на изображении есть белая фигура. А когда текст выходит за пределы белой фигуры, мне нужно изменить цвет текста на более темный.

HTML:

Код: Выделить всё

[img]http://s16.postimg.org/c09zw94jp/author_photo.png[/img]


Lorem ipsum dolor sit amet, consectetur adipiscing elit

Vestibulum pellentesque auctor quam a sollicitudin.

Pellentesque accumsan a sem eget dictum.

Morbi dictum lorem tortor, id consequat libero gravida ut.

Nullam dictum sed massa et bibendum.

Praesent sed dui mattis, dictum urna sit amet, imperdiet purus.
Suspendisse potenti.

CSS:

Код: Выделить всё

body {
background-color: #7ccbe6;
}
.biography {
min-height: 410px;
}
.biography .biography-text {
position: relative;
margin-top: -420px;
padding: 82px 130px 0 380px;
z-index: 1;
}

.biography-text {
color: #fff;
}

Вот Codepen, чтобы увидеть лучшую картину.

Подробнее здесь: https://stackoverflow.com/questions/355 ... ound-color