2011-02-04 68 views
5

Tôi có hai <div> yếu tố mà chồng chéo eachother, như:css biến đổi 3d và chiến đấu ZIndex

------------- 
|   | 
|  A  | 
|   | 
| ------------ 
| |   | 
| |   | 
----|  B | 
    |   | 
    ------------ 

Vì vậy, tôi thêm B vào DOM sau A. Bên div AI có một số yếu tố html khác (hình ảnh) mà tôi áp dụng các biến đổi css3d, tuy nhiên khi tôi làm điều này chúng cũng xuất hiện trước mặt div B, tôi luôn muốn div B ở trên div A và tất cả nội dung của nó. Tôi đã thử đặt thuộc tính z-index trên cả hai phần tử div nhưng các mục được chuyển đổi 3d trong A vẫn hiển thị ontop của div B.

Bất kỳ cách nào để luôn làm cho B xuất hiện trước mặt A và nội dung của nó?

Cảm ơn Đánh dấu.

+0

Nó có thể có cái gì đó để làm với bản thân biến đổi. Bạn có thể thử thiết lập! Quan trọng đối với quy tắc z-index của bạn trên A div. Các em sẽ được thừa hưởng. – Kyle

Trả lời

1

Nếu bạn cần một của z-index yếu tố để làm việc chống lại 3d chuyển divs, bạn phải tạo kiểu cho nó với -webkit-transform: translateZ(0px);

Snippet trên codepen ->http://codepen.io/mrmoje/pen/yLIul

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