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
