Servo: twgljs.org рдореЗрдВ рдкреГрд╖реНрдарднреВрдорд┐ рдореЗрдВ рдШреВрдордиреЗ рд╡рд╛рд▓реЗ рд╡рд░реНрдЧреЛрдВ рдХрд╛ рдкреНрд░рддрд┐рдкрд╛рджрди рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 7 рдордИ 2020  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: servo/servo

рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдкрд░ https://twgljs.org/ рдХреА рдЬрд╛рдБрдЪ рдХрд░рддреЗ рд╕рдордп, рд╣рдо рдкреГрд╖реНрдарднреВрдорд┐ рдореЗрдВ рдХрдИ рд╡рд░реНрдЧреЛрдВ рдХреЛ рдШреВрдорддреЗ рд╣реБрдП рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рд╕рд░реНрд╡реЛ рдореЗрдВ, рд╣рдо рд╡рд░реНрдЧреЛрдВ рдХреЛ рдШреБрдорд╛рдП рдмрд┐рдирд╛ рдХреЗрд╡рд▓ рдПрдХ рдиреАрд▓реА рдкреГрд╖реНрдарднреВрдорд┐ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВред

| рд╕рд░реНрд╡реЛ | рдлрд╛рдпрд░рдлреЙрдХреНрд╕ |
| --- | --- |
|image |image |

macOS 10.14.6 . рдкрд░ рдирд╡реАрдирддрдо рдорд╛рд╕реНрдЯрд░ (5ee1a48d82) рдХреЗ рд╕рд╛рде рдирд┐рд░реНрдорд┐рдд

A-layou2020 A-layouuncategorized C-has-manual-testcase

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдпрд╣рд╛рдБ рд▓реЗрдЖрдЙрдЯ 2020 рдХреЗ рд▓рд┐рдП рдПрдХ рдиреНрдпреВрдирддрдо рдЯреЗрд╕реНрдЯрдХреЗрд╕ рд╣реИ:

<html>
<style>
html {
  background-color: blue
}
#frame {
  background-color: rgb(0, 0, 0, 0.7);
  color: #ddd;
}
#background {
  position: fixed;
  width: 100px;
  height: 100px;
  z-index: -1;
  background-color: green;
}
</style>
<div id="background"></div>
<div id="frame">hi</div>

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВ рдирд╡реАрдирддрдо рд░рд╛рдд рдХреЗ рдирд┐рд░реНрдорд╛рдг рдореЗрдВ рд╡рд┐рдВрдбреЛрдЬ 10 рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реВрдВред

рдпрд╣рд╛рдВ рдПрдХ рдиреНрдпреВрдирддрдо рдЯреЗрд╕реНрдЯрдХреЗрд╕ рд╣реИ:

<div style="position: fixed; width: 100px; height: 100px; z-index: -1; background-color: green"></div>

рдпрджрд┐ рд╣рдо рдкреЛрдЬрд┐рд╢рди рдлрд┐рдХреНрд╕реНрдб рдпрд╛ рдЬреЗрдб-рдЗрдВрдбреЗрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рд╣рд░рд╛ рдмреЙрдХреНрд╕ рджрд┐рдЦрд╛рдИ рджреЗрддрд╛ рд╣реИред рд▓реЗрдЖрдЙрдЯ 2013 рдореЗрдВ рдпрд╣ рдПрдХ рдЦрд╛рд▓реА рдкреГрд╖реНрда рджрд┐рдЦрд╛рддрд╛ рд╣реИред рд▓реЗрдЖрдЙрдЯ 2020 рдореЗрдВ рд╣рдо рдПрдХ рд╣рд░реЗ рд░рдВрдЧ рдХрд╛ рдмреЙрдХреНрд╕ рджреЗрдЦрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЕрднреА рднреА рдореВрд▓ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ рдкреГрд╖реНрдарднреВрдорд┐ рдХреИрдирд╡рд╛рд╕ рдирд╣реАрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИред

рдпрд╣рд╛рдБ рд▓реЗрдЖрдЙрдЯ 2020 рдХреЗ рд▓рд┐рдП рдПрдХ рдиреНрдпреВрдирддрдо рдЯреЗрд╕реНрдЯрдХреЗрд╕ рд╣реИ:

<html>
<style>
html {
  background-color: blue
}
#frame {
  background-color: rgb(0, 0, 0, 0.7);
  color: #ddd;
}
#background {
  position: fixed;
  width: 100px;
  height: 100px;
  z-index: -1;
  background-color: green;
}
</style>
<div id="background"></div>
<div id="frame">hi</div>

рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдЗрд╕реЗ рдареАрдХ рдХрд░рдирд╛ #26121 рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

kmcallister picture kmcallister  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

noisiak picture noisiak  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

gterzian picture gterzian  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

AgustinCB picture AgustinCB  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jdm picture jdm  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ