วันนี้ได้ประสบปัญหากับ IE อย่างหนึ่งนั่นก็คือ slide down menu ที่ตั้งค่า z-index ไว้ 999 กลับไปอยู่ข้างหลัง embed code <iframe> ของ youtube วิดีโอ ในเบราว์เซอร์ Internet Explorer ซึ่งเบราว์เซอร์อื่นไม่มีปัญหานี้เลย นั่งค้นไปสักพัก ก็เจอวิธีแก้ง่ายๆเลย นั่นคือใส่พารามิเตอร์เพิ่มเข้าไปดังนี้
?wmode=transparent ต่อท้าย url ของ src
และ
wmode="Opaque" เข้าไปใน attribute ของ iframe
เช่น จาก
จะเป็น
แค่นี้ เมนู z-index: 999 ก็ไม่ไปอยู่ข้างหลัง youtube วิดีโออีกแล้ว :)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น