Tôi cần đặt một thẻ div ở trên theo nghĩa đen mọi thứ khác trên trang. Tôi đã đọc rằng thiết lập wmode param để đục sẽ làm điều đó, nhưng cũng nghe nói rằng sẽ chỉ có hiệu lực IE. Điều này có đúng không? Bạn làm nó như thế nào?Đặt một div ở phía trước của một flash nhúng
Trong thẻ Flash applet của bạn, chỉ cần có này:
<object id='flashObject' ....>
<param ....>
<param name='wmode' value='opaque'>
<embed ... wmode='opaque'>
</embed>
</object>
Điều đó sẽ chăm sóc nó.
Lưu ý rằng nhược điểm của việc này là nó làm chậm hiển thị cho cả phim flash và các phần tử trang, nhưng không phải là một vấn đề trong hầu hết các trường hợp.
Ngoài ra, bằng cách bao gồm điều này làm cả tham số đối tượng và thuộc tính nhúng, nó hoạt động trong tất cả các trình duyệt chính.
Chỉnh sửa, theo bình luận MidnightLighning của:
Khi đối tượng flash được chuẩn bị theo cách này, bạn cần phải thả nổi div trên trang, như vậy:
<body>
<object> ... <!-- this is your flash movie --> </object>
<div id="floater">The Floating Div</div>
</body>
Sau đó tạo của bạn CSS như thế này:
#flashObject { position:relative; z-index:1 }
#floater { position:absolute; z-index:100; top:0; left:0; }
Tôi đã thử điều đó, nó không hoạt động: - \ – Webnet
Sau đó, bạn có sử dụng 'position: absolute;' để định vị DIV của bạn trên phần tử Flash không? Đoạn mã trên cài đặt sẵn phần tử Flash một cách chính xác, nhưng sau đó bạn cần phải đặt DIV lên nó; có lẽ chỉ định một 'z-index' cho
@Webnet: Điều gì không hoạt động chính xác? Đèn flash vẫn hiển thị trên đầu trang của div? Div không định vị chính xác? Cắt trang của bạn xuống một ví dụ tối thiểu thể hiện sự cố và đăng mã sẽ là một trợ giúp lớn. – Ipsquiggle
Trên trang web khách hàng của tôi, tôi đã sử dụng html:
<div id="photo>
<div id="flash"></div>
<ul id="navigation">..</ul>
</div>
css:
#flash { z-index: 6; }
#navigation { z-index: 8; margin-top: -100px; }
và sau đó tôi thay #flash với đèn flash của tôi swf với SWFObject (http://code.google.com/p/swfobject)
Vì vậy, về cơ bản, z-index và một số cách thông minh để nhúng flash nên công việc:)
Bạn không có nghĩa là 'wmode = 'transparent''? –
'opaque' và' transparent' đều buộc đèn flash vẽ như một phần của luồng trang, với các hiệu ứng trong suốt cho phép trong suốt từ flash. 'window' (mặc định) sẽ làm cho bộ phim flash hiển thị thành bộ đệm riêng của nó, phía trên bố cục trang. – Ipsquiggle