ภาพพื้นหลังไม่แสดงบน iOS หลังจากเพิ่มไปที่หน้าจอโฮมแล้วเท่านั้น

ฉันมี CSS เช่นนี้:

#thumbnail {
    background-image: url(bla.jpg),
    background-size: cover,
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

มันแสดงผลได้ดีบน iOS Safari และทุกที่ อย่างไรก็ตาม เมื่อฉัน "เพิ่มไปที่หน้าจอหลัก" หน้านั้น รูปภาพจะไม่ปรากฏ

สิ่งที่ฉันลอง (ไม่มีโชค):

1. ใช้ background-size: contain

2. การใช้ JavaScript เพื่อ "โหลดแบบขี้เกียจ" ภาพพื้นหลัง

3. การต่อท้ายแบบไดนามิกเป็น <img> แทนที่จะเป็นภาพพื้นหลังโดยใช้ JavaScript

4. เพิ่มลงในเอกสาร HTML โดยตรง มันเริ่มแสดง แต่ไม่เป็นไปตามสไตล์ CSS ใด ๆ แม้ว่าฉันจะลองใช้สไตล์ JavaScript และด้วยแอตทริบิวต์ width และ height แล้วก็ตาม (ทำไม?)

5. ใช้ background-position: top center แทน 50% 50%

6. การใช้รูปแบบภาพอื่น เช่น .png

7. การใช้ภาพพื้นหลังกับ ::after องค์ประกอบหลอกดังนี้:

   #thumbnail::after {
       content: '';
       display: block;
       padding-top: 100%;
       background-image: url(...),
       background-size: cover,
       background-repeat: no-repeat;
       background-position: 50% 50%;
   }
   

มันไม่ทำงานอย่างถูกต้อง

ฉันค้นหา StackOverflow และ Google สำหรับปัญหาเดียวกัน ไม่มีใครประสบปัญหาเดียวกันเนื่องจากส่วนใหญ่อ้างถึงปัญหาในเบราว์เซอร์ Safari และคุณสมบัติ CSS ที่ไม่รองรับ (ซึ่งไม่ใช่ปัญหาในกรณีของฉัน)

ไม่มีใครรู้ว่าปัญหาคืออะไรและจะแก้ไขได้อย่างไร?

ปัญหานี้เกิดขึ้น หลังจาก "เพิ่มไปที่หน้าจอหลัก" เท่านั้น มันทำงานได้อย่างสมบูรณ์แบบในเบราว์เซอร์ iOS Safari และเบราว์เซอร์ iOS Chrome