การเปลี่ยน CSS3 3D กะพริบใน Firefox เมื่อใช้ box-shadow ด้วย

ฉันมีองค์ประกอบคล้าย Apple Coverflow ที่สร้างโดยใช้การเปลี่ยน CSS3 และการแปลง 3 มิติ

http://jsfiddle.net/7eDkb/1/ (การเปลี่ยนผ่านด้วยกล่องเงา)

ทำงานได้ราบรื่นบน Chrome แต่บน Firefox หน้าปกจะกะพริบระหว่างมองเห็นและมองไม่เห็นเมื่อเคลื่อนไหว

หลังจากกระบวนการกำจัด ฉันพบว่าการลบคุณสมบัติ css "box-shadow" ออกจากรายการส่งผลให้การเปลี่ยนแปลงใน Firefox เป็นไปอย่างราบรื่น

http://jsfiddle.net/7eDkb/2/ (การเปลี่ยนแปลงโดยไม่มีกล่องเงา)

ฉันได้ทดสอบสิ่งนี้ใน firefox v15 และ chrome v21

มีวิธีแก้ไขสำหรับการมีทั้งการเปลี่ยนภาพ 3 มิติและกล่องเงาบนองค์ประกอบโดยไม่กะพริบบน Firefox หรือไม่?

แก้ไข: ในซอ ให้คลิกรูปภาพสีเทาเพื่อดูการกะพริบ


person Rodik    schedule 09.09.2012    source แหล่งที่มา
comment
คุณสามารถแทนที่เงาด้วยรูปภาพสำหรับ Firefox เท่านั้น การดำเนินการนี้ต้องใช้จาวาสคริปต์ ดังนั้นตอนนี้อาจเป็นทางออกที่ดีที่สุด ฉันคิดว่าเอ็นจิ้นการเรนเดอร์ของ Firefox ยังไม่มีอยู่จริง อุปกรณ์ประกอบฉากสำหรับ Chrome :D   -  person Kyle    schedule 10.09.2012


คำตอบ (1)


มีเหตุผลที่ดีที่ยังไม่มีใครตอบคำถามนี้ มันเป็นข้อผิดพลาดของ Firefox

ฉันได้ส่งสิ่งนี้ไปที่ bugzilla และได้รับการยืนยันว่าเป็นข้อบกพร่อง

https://bugzilla.mozilla.org/show_bug.cgi?id=790239

ดังที่ @Kyle ระบุไว้ในความคิดเห็นของเขา ทางออกที่ดีที่สุดในปัจจุบันคือการใช้ทางเลือกที่ไม่หรูหรากับ box-shadow ในกรณีของ firefox

person Rodik    schedule 12.09.2012