2012-08-22 36 views
5

Tôi có hai div bên trong một trình bao bọc-div. Vị trí đầu tiên được đặt ở phía trước trình bao bọc thông qua dịch3d (50px, 50px, 50px), vị trí thứ hai được đặt phía sau trình bao bọc thông qua dịch3d (50px, 50px, -50px).Làm cho phần tử dịch 3d có thể nhấp được

Tôi muốn liên kết các sự kiện nhấp chuột với các div bên trong nhưng tôi không thể nhấp vào div được đặt phía sau trình bao bọc. Có ai biết một giải pháp cho vấn đề này?

js-fiddle (chỉ dành cho webkit): http://jsfiddle.net/rttmax/zrgdQ/16/

thanks. rttmax

+0

JSFiddle của bạn làm việc cho tôi trên Chrome 20 ... khi tôi nhấp vào hình chữ nhật màu đỏ hoặc màu xanh lá cây, cả hai đều phản ứng trên đó nhấp –

+0

wow, thú vị đủ, khi tôi mở cửa trở lại mà cùng một trang, nó ngừng làm việc: D –

+0

ja. đôi khi nó hoạt động. hầu hết thời gian không. – rttmax

Trả lời

4

Bạn phải cung cấp cho trình bao bọc DIV giá trị Z 50 pixel dương để bù cho 50px âm.

http://jsfiddle.net/zrgdQ/108/

+1

Điều này cần được đánh dấu là câu trả lời. Chính xác những gì tôi cần sửa chữa biến đổi của mình trong Chrome và Safari. – IamFace

Các vấn đề liên quan