Mẹo hiển thị menu dropdown trên banner flash

617

Đã lâu lắm rùi Minit không có làm một tutorial  nào, hôm nay ngồi lướt web gặp một rắc rối nhỏ nhưng cũng đủ làm người xem lẫn người quản trị trang web cảm thấy bực bội. Minit  đã thử tìm cách khắc phục và kiểm tra thử thì thấy “OK” thế nên viết luôn bài này để chia sẽ với các bạn.
Vậy vấn đề nhỏ mà mình đề cập ở trên là gì? Và cách khắc phục như thế nào mời các bạn đọc tiếp bên dưới nhé ^^.
Vấn đề là gì?
Đó là việc chèn đối tượng flash (thường là banner flash) vào ngay vị trí bên dưới dropdown menu  (menu dạng chứ menu con được xổ xuống khi đưa chuột đến menu chính) và khi xem trên một số trình duyệt đặc biệt là Chrome thì menu xổ xuống bị banner flash che mất làm người xem không thấy và click vào được menu con đó.
Để rõ hơn mời các bạn xem 2 hình minh họa bên dưới.

Hình 1: Phần menu con bị flash che khuất

Hình 2: Menu hiển thị trên flash như mong muốn.

Nguyên nhân là do đâu?
Nguyên nhân của vấn đề này là do bạn đã chèn đoạn mã đặt file flash thiếu tham 2 số quan trọng là
<param name=”wmode” value=”transparent”> và wmode=”transparent”
Cách khắc phục như  thế nào?
Đơn giản là thiếu thì thêm vào ^^
Ví dụ một đoạn code đúng để menu hiển thị trên banner flash
<object width=”770″ height=”140″>
<param name=”wmode” value=”transparent”>
<param name=”movie” value=”url_of_banner.swf”>
<embed src=” url_of_banner.swf ” type=”application/x-shockwave-flash” wmode=”transparent” width=”770″ height=”140″>
</object>
Hy vọng tutorial này có ích đối với bạn.