Servo: Memutar kotak di latar belakang di twgljs.org tidak dirender

Dibuat pada 7 Mei 2020 · 4Komentar · Sumber: servo/servo

Saat memeriksa https://twgljs.org/ di Firefox, kita dapat melihat banyak kotak berputar di latar belakang tetapi, di Servo, kita hanya dapat melihat latar belakang biru tanpa memutar kotak.

| Servo | Firefox |
| --- | --- |
| | |

Dibangun dengan master terbaru (5ee1a48d82) di macOS 10.14.6

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

Sumber

CYBAI

Komentar yang paling membantu

Berikut adalah testcase minimal untuk tata letak 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>

jdm pada 7 Mei 2020

❤2

Semua 4 komentar

Saya dapat mereproduksi masalah ini di Windows 10 dalam build nightly terbaru.

atouchet pada 7 Mei 2020

👍1

Berikut ini adalah testcase minimal:

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

Jika kita tidak menggunakan position fixed atau z-index, kotak hijau akan muncul. Di Layout 2013 ini menunjukkan halaman kosong. Di layout 2020 kita melihat kotak hijau, tapi saya tetap tidak melihat kanvas background di website aslinya.

jdm pada 7 Mei 2020

Berikut adalah testcase minimal untuk tata letak 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>

jdm pada 7 Mei 2020

❤2

Saya percaya bahwa memperbaiki ini tergantung pada #26121.