Tôi đang gặp sự cố với thuộc tính có mặt trước. Nó hoạt động như thế nào tôi muốn nó trong Safari/Chrome, nhưng đối với một số lý do nó không hoạt động chính xác trong Firefox.Khả năng hiển thị ngược không hoạt động đúng trong Firefox (Hoạt động trong Safari)
Khi hộp flips, tôi nhận được một hình ảnh phản chiếu của mặt trước:
Liên kết đến trang web: http://www.ericouture.com/
Hãy thử đặt 'backface-visibility: hidden' cả về đối tượng và chuyển container. Đây là những gì làm việc cho tôi với lỗi này
Sự cố này đã được khắc phục trong firefox cho đến v30. Phiên bản mới nhất v31 có cùng sự cố khi cắt xén. Các giải pháp cho làm việc cho tôi là tốt. Cảm ơn. – Ninz
Thật không may khi thêm 'backface-visiblity: hidden' vào vùng chứa làm cho mặt sau không hồi đáp trong Chrome. –
Tôi gặp vấn đề tương tự với iPhone 6, Safari. Trong hầu hết các trường hợp, tôi không thấy bất kỳ lý do nào không áp dụng 'khả năng hiển thị mặt sau: ẩn' cho cơ thể, để xếp tầng tới tất cả các phần tử (ngoài nơi cần thiết). – Sablefoste
Lỗi này là acknowledged by Mozilla.
Khắc phục là thêm transform: rotateX(0deg) vào đối tượng trước và sau.
Thêm backface-visiblity:hidden vào vùng chứa, theo đề xuất của @yalia, làm cho không hồi đáp trong Chrome, do đó cần khắc phục.
Dưới đây là fiddle với bản sửa lỗi.
Tôi gặp vấn đề tương tự trong Firefox 10.0.2! Nó có vẻ như tài sản chỉ áp dụng cho mặt trước, nhưng khi nó lật với một 180deg xoay, mặt sau không có tài sản áp dụng cho nó nữa. Bất cứ ai có một giải pháp cho điều này ?! – Mark