Wmode - накласти малюнок на флешку, прозора флешка, Нотатки Льовика

web програмування, адміністрування та всяка всячина, яка може виявитися корисною

wmode - накласти малюнок на флешку, прозора флешка

Як накласти малюнок поверх флешки, щоб перекрити всю її частину (залежно від розміру малюнка)?

Розміщення абсолютно позиціонованого div з фоновим малюнком та z-index:1000 за ідеєю має допомогти. А ні - не так все просто. Флешка чомусь розташовується поверх малюнка, хоча по z-index має бути навпаки.

Як увімкнути відображення прозорості у флешки?

При вставці на сторінку прозорої флешки у місцях, де має бути прозорість, відображається однорідне тло. Чому не визначається прозорість?

Трохи теорії

Виявляється, для об'єктів флеш у html визначено параметрwmode, який визначає режим впровадження елементів флеш у web-сторінку. За умовчанням параметр wmode має значенняwindow, який визначає накладання флешки поверх всього HTML. Таким чином, незалежно від значення z-index та позиціонування елементів поверх флешки малюнок не відображатиметься.

Парамтер wmode може приймати й інші значення:

  1. opaque (англ. непрозорий), аналогічний режимуwindow, але дозволяє перекривати флешку HTML-шарами, використовуючи z-index. Саме те, що потрібно! Використовуємо цей режим для накладання малюнка поверх флешки – питання одне.
  2. transparent (англ. прозорий) щодо позиціонування флеш-елементів схожий на попередній - можливість розміщення шарів HTML поверх флешки залишилася. До того ж фон флешки може бути прозорим. Слід зазначити, що при вставці флешки в режимі transparent можливе уповільнення роботи браузера!

Переходимо до практики

Задавати значення для wmode можна як атрибут для тегаembed абоobject:

Докладніше з описом параметраwmode можна ознайомитися на сайті Adobe у розділі довідкової системи Flash.

Коментарі (2) до запису "wmode - накласти малюнок на флешку, прозора флешка"

  1. Роман повідомляє Травень 8th, 2010 о 06:10:

дякую, не міг вставити прозору флешку, тепер вставив

wmode = transparent дозволяє задати флешці прозорість. А щоб вставити посилання поверх флешки можна скористатися абсолютним позиціонуванням посилання (z-index)