Если вы откроете следующий пример в веб-браузере, вы можете увидеть четкое различие между элементом html и элементом вышележащий элемент body, несмотря на то, что им назначены одинаковые цвета фона с полной непрозрачностью. Может ли кто-нибудь объяснить, что здесь происходит и что можно исправить?
Если по какой-то причине вы не видите разницы в цвете, попробуйте немного увеличить или уменьшить яркость цвета. На моем экране это наиболее заметно на 15 %.
Похоже, этот побочный эффект влияет только на браузер Chrome на macOS.
Код: Выделить всё
Document
html,
body {
margin: 0;
padding: 0;
background-color: hsl(0, 10%, 15%);
}
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
Подробнее здесь: https://stackoverflow.com/questions/795 ... dy-element
