Html елементи поверх флеш
Здрастуйте дорогі читачі! Сьогодні мова піде про рішення однієї специфічної проблеми зустрічається при верстці сайтів. Специфічна вона з тієї причини, що не пов'язана CSS багами позиціонування, мова піде лише про html елементах. А конкретніше про те як помістити будь-який HTML елемент (div, img та ін.) Поверх флеш елемента на html сторінці.
Для початку я хочу відразу зазначити, щоб домогтися того щоб будь-якої html елемент був поверх флеш, потрібно правильно вставити флеш на сторінку. Розповідати про це в цій статті я не буду, наведу лише посилання на сторінку, де про це дуже докладно і зрозуміло розповідається - ЧИТАЕМ. По-друге, щоб все вище сказане не було просто словами, я покажу приклад - ось він.
Наводити його код я не буду, там все просто, не полінуйтеся його подивитися. Як видно з прикладу, напис знаходиться за флеш елементом, це як раз те, що ми будемо "лікувати".
"Лікується" це досить просто, додаванням параметра wmode рівним opaque. І html елемент який ви хочете помістити поверх флеш повинен обов'язково мати властивість "position" зі значенням absolute або relative. Хочу ще раз сказати: головне правильно вставити флеш на сторінку. тоді у вас не виникне проблем з "лікуванням". Наведу тут приклад "вилікуваного" коду:
Як бачите, напис тепер розташовується поверх флеш елемента. Код абсолютно кроссбраузерен (працює у всіх браузерах).
Дуже часто флеш на сторінку вставляють за допомогою swfobject. його "лікування" (чи то пак додавання параметра wmode рівним opaque) теж не складає труднощів. Ось так це робиться:
Тут лише представлена частина коду, який зазнав змін, інші частини коду залишаються без змін.