2012-02-20 68 views
15

A div với "position: fixed" được nhúng vào một phụ huynh div. Khi cha mẹ quay hoặc dịch, con div cũng di chuyển."vị trí: cố định" div không cố định khi cha mẹ quay hoặc dịch

Đây có phải là lỗi không? Tôi mong đợi đứa trẻ div vẫn cố định.

đoạn mã HTML:

<div id="mask"> 
    <div id="page"> 
    </div> 
</div> 

Xem repro tại địa chỉ: http://jsfiddle.net/PseKK/

Tôi biết rằng tôi có thể sửa chữa nó bằng cách áp dụng việc chuyển đổi ngược lại cho đứa trẻ div nhưng vì lý do hiệu suất trong kịch bản thật của tôi, tôi đang tìm kiếm một giải pháp không liên quan đến việc chuyển đổi thêm.

Bất kỳ ý tưởng nào để khắc phục?

+0

Bạn không thể kéo div bên trong? Nếu không, tại sao? –

+0

Tôi không thể vì trong trường hợp thực sự của tôi, mặt nạ div cha mẹ là một phần của div con. – viebel

+0

Bạn có thể kéo div bên trong ra. Làm điều đó, sau đó chơi với 'z-index' để đặt mặt nạ phía trên trang. –

Trả lời

10

Đây là một repost, câu trả lời nằm trong câu hỏi ban đầu này

Positions fixed doesn't work when using -webkit-transform

Đáng tiếc là nó là một lỗi, nhưng có vẻ là một cách để có được xung quanh nó.

+1

Cảm ơn rất nhiều! Bạn có biết làm thế nào để 'biến div thành hình ảnh và sử dụng nó làm nền' như chúng gợi ý? – viebel

+1

Tôi tin rằng họ đang nói là thay vì sử dụng CSS cho div đã chuyển đổi của bạn, hãy sử dụng hình ảnh và đặt nó làm nền trong div cố định, vì vậy bạn sẽ có một hình ảnh được đặt thay vì CSS thực tế cho hình dạng biến đổi. [Thật không may thats không thực sự là một "sửa chữa", nhưng âm thanh như không có gì khác để làm.] – JimmyBanks

+0

những gì bạn có nghĩa là "có vẻ là một cách để có được xung quanh nó"? tại sao bạn không thể viết nó như là một câu trả lời nếu có một cách, thay vào đó hoặc đăng một bình luận như một câu trả lời? – vsync

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