mix-blend-mode с фоном на body
Почему наличие строк
html, body {
height: 100%;
}
влияет на поведение mix-blend-mode? Без них он не работает, а с ними нормально:
body {
background: linear-gradient(to right, red, blue);
}
div {
font-size: 2em;
padding: 1em;
background: black;
color: white;
mix-blend-mode: multiply;
}<div>Some text</div>html, body {
height: 100%;
}
body {
background: linear-gradient(to right, red, blue);
}
div {
font-size: 2em;
padding: 1em;
background: black;
color: white;
mix-blend-mode: multiply;
}<div>Some text</div>