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

Программисты Html
Ответить
Anonymous
 Изменение цвета текста в зависимости от цвета фона

Сообщение Anonymous »

Можно ли динамически изменять цвет текста на основе цвета фона с помощью CSS или JS, если это невозможно с помощью 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;
}

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

[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.



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

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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»