Зачем веб-браузер отображать фоновый цвет HTML и элементов тела по-разному? ⇐ Html

[Anonymous]

Если вы откроете следующий пример в веб -браузере, вы должны увидеть четкое различие между элементом html и элементом вышележащего тела , несмотря на то, что им присваиваются равные цвета фона с полной непрозрачностью. Может ли кто -нибудь объяснить, что здесь происходит и что такое исправление? 15%-это то, где он наиболее очевиден на моем экране. class = "Snippet-Code-Html Lang-Html PrettyPrint-Override">

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

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