ฟอร์มส่งข้อมูลโดนรูปทับ
ตอนนี้ผมกำลังทำหน้า Login ใหม่ โดยเค้าต้องการให้ภาพพื้นหลัง เปลี่ยนได้ทุกๆ 5 วินาที
ซึ่งผมก็ทำได้ แต่ก็มีปัญหากับ Firefox ดังภาพที่แนบมา
http://img253.imageshack.us/img253/4295/1211255373314.jpg <<< เปิดด้วย Firefox แต่พอเอาเม้าส์ไปคลิกๆ มันจะขึ้นมา
http://img179.imageshack.us/img179/3370/1211255373350.jpg <<<<<<<< เปิดด้วย Google Chrome
http://img827.imageshack.us/img827/9173/96705942.jpg <<<<<<<<<<<< เปิดด้วย IE
ซึ่งผมก็ทำได้ แต่ก็มีปัญหากับ Firefox ดังภาพที่แนบมา
http://img253.imageshack.us/img253/4295/1211255373314.jpg <<< เปิดด้วย Firefox แต่พอเอาเม้าส์ไปคลิกๆ มันจะขึ้นมา
http://img179.imageshack.us/img179/3370/1211255373350.jpg <<<<<<<< เปิดด้วย Google Chrome
http://img827.imageshack.us/img827/9173/96705942.jpg <<<<<<<<<<<< เปิดด้วย IE
ค่ามากกว่า จะอยู่บน ครับ
เหมือนเดิมครับผม
คือ มันเป็นเฉพาะ Firefox ครับ
แต่พอเอาเม้าส์ไปคลิกรอบๆมันก็จะขึ้นนะครับ
แต่ Browser อื่น ไม่มีปัญหา
กรอบ login ต้องกำหนด position เป็น absolute
พื้นหลังต้องเป็น relative
หรือ ถ้าไม่ใช่ flash แต่เป็น Javascript อาจเป็นเพราะ ค่า zIndex ถูเปลี่ยนแปลงโดย Javascript ลองเปลี่ยน zIndex ของ login ให้มีค่าสูงๆไปเลย เช่น 99999
หรือ ลองปรับ HTML ให้กรอบ login อยู่นอก ส่วนพื้นหลัง แล้วใช้ CSS เลือนให้ไปทับกันด้วยตัวเอง
อาจใช้ เทคนิค HTML + CSS ช่วยได้ครับ
หรือ ลองสร้าง iframe แบบโปร่งใส อยู่บน พื้นหลัง แล้วให้ กรอบ login อยู่บน iframe อีกทีก็ได้ครับ
การแก้ไขมีหลายวิธีครับ ค่อยๆลองดู ซึ่งวิธีสุดท้ายเนี่ยชัวร์ครับ และ สามารถใช้กับ IE6 ได้ด้วย แต่มันค่อนข้างยากนิดนึงครับ
กรอบ login ผมเซตเป็น absolute และตัวที่เป็นรูปภาพก็เซตเป้น absolute
ไม่มี Flash และผมก็ไม่กังวลกับ IE 6 อยู่แล้วครับ
ตกลงทำไงล่ะ set เป็น absolute ทั้ง 2 รึไง ?
เซตเป็นทั้งสอง