ฟอร์มส่งข้อมูลโดนรูปทับ

ตอนนี้ผมกำลังทำหน้า 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
12 พ.ย. 2553 6 1,089

ลองกำหนด CSS zIndex ดูครับ



ค่ามากกว่า จะอยู่บน ครับ
#1

ลองกำหนดแล้วครับ



เหมือนเดิมครับผม



คือ มันเป็นเฉพาะ Firefox ครับ



แต่พอเอาเม้าส์ไปคลิกรอบๆมันก็จะขึ้นนะครับ



แต่ Browser อื่น ไม่มีปัญหา
#2

พื้นหลังเป็นแฟลช หรือเปล่า



กรอบ login ต้องกำหนด position เป็น absolute



พื้นหลังต้องเป็น relative



หรือ ถ้าไม่ใช่ flash แต่เป็น Javascript อาจเป็นเพราะ ค่า zIndex ถูเปลี่ยนแปลงโดย Javascript ลองเปลี่ยน zIndex ของ login ให้มีค่าสูงๆไปเลย เช่น 99999



หรือ ลองปรับ HTML ให้กรอบ login อยู่นอก ส่วนพื้นหลัง แล้วใช้ CSS เลือนให้ไปทับกันด้วยตัวเอง



อาจใช้ เทคนิค HTML + CSS ช่วยได้ครับ



หรือ ลองสร้าง iframe แบบโปร่งใส อยู่บน พื้นหลัง แล้วให้ กรอบ login อยู่บน  iframe อีกทีก็ได้ครับ



การแก้ไขมีหลายวิธีครับ ค่อยๆลองดู ซึ่งวิธีสุดท้ายเนี่ยชัวร์ครับ และ สามารถใช้กับ IE6 ได้ด้วย แต่มันค่อนข้างยากนิดนึงครับ
#3

ได้แล้วครับ



กรอบ login ผมเซตเป็น absolute และตัวที่เป็นรูปภาพก็เซตเป้น absolute



ไม่มี Flash และผมก็ไม่กังวลกับ IE 6 อยู่แล้วครับ
#4

อ้างอิงจาก ความคิดเห็น #4ได้แล้วครับ



กรอบ login ผมเซตเป็น absolute และตัวที่เป็นรูปภาพก็เซตเป้น absolute



ไม่มี Flash และผมก็ไม่กังวลกับ IE 6 อยู่แล้วครับ


ตกลงทำไงล่ะ set เป็น absolute ทั้ง 2 รึไง ?
#5

ใช่ครับ

เซตเป็นทั้งสอง
#6
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^