Bootstrap Modal ป๊อบอัพขึ้นมาแล้วภาพพื้นหลังอยู่ด้านบนทับกล่องข้อความ

Bootstrap modal appearing under background

อาการนี้เกิดขึ้นหลังจากที่ลองเปลี่ยนไปใช้ Theme ที่เป็น Bootstrap 4

 1. คลิกป๊อบอัพ Modal แล้วภาพพื้นหลังทับกล่องข้อความ

2. มีกระทู้แนะนำให้ย้าย Modal ไปไว้ก่อนปิดแท็ก </body>

3. ลองแสดงผลดูอีกรอบ ใช้งานได้แล้ว

2. ขั้นตอนการแก้ปัญหานี้

2.1 คลิกขวาเพื่อดูว่าอีเลเมนต์ตัวไหนทับกล่องข้อความอยู่ขณะนั้น จากภาพก็คือตัวที่ชื่อ backdrop

2.2 ลองค้นหาวิธีแก้ไขด้วยข้อความง่ายๆ ตรงๆ "bootstrap 4 backdrop on top" และเว็บเป้าหมายหลักที่จะใช้อ้างอิงก็คือ StackOverFlow.Com ( อ่านบทความแนะนำการค้นหาได้ที่นี่ )

มีตั้ง 45 คำตอบแน่ะ!!

2.3 เปิดเข้าไปเพื่อดูวิธีแก้ไขปัญหา ถ้าตรงกับที่เราต้องการก็แฮปปี้เอนดิ้ง แต่ถ้าไม่!! ก็คัดลอกหัวข้อกระทู้ที่ได้นี้ ค้นใน Google อีกครั้ง เพราะข้อความจะชัดเจนกว่า "Bootstrap modal appearing under background"

ทีนี้ล่ะได้มาเพียบเลย -O-

ยังไงก็คงต้องได้สักวิธีล่ะนะ ^O^

แต่ถ้ายังแก้ไม่ได้ส่งข้อความเข้ามาสอบถามกันได้นะที่ https://www.facebook.com/ToBeDeveloper


ที่มา :  https://stackoverflow.com/questions/10636667/bootstrap-modal-appearing-under-background

PHP CI MANIA - PHP Code Generator 
โปรแกรมช่วยสร้างโค้ด ลดเวลาการเขียนโปรแกรม เขียนโปรแกรมง่ายและสะดวกขึ้น
สนใจสั่งซื้อราคาสุดคุ้ม >> http://fastcoding.phpcodemania.com/