Как сделать HTML под перекрывающимся Flash доступным - PullRequest
1 голос
/ 09 марта 2009

У меня есть заголовок Flash с прозрачным фоном, содержащийся внутри относительного позиционного элемента div с z-индексом 10. Полученный эффект позволяет моему Flash-фильму с прозрачным оконным режимом перекрываться и парить над содержимым HTML. К сожалению, HTML, который находится под невидимой Flash, недоступен. Например, якоря не будут работать. Пример можно найти здесь . Обратите внимание, что верхняя часть якорных ссылок не активирует состояние наведения? Я уже видел ролловеры Flash, перекрывающие содержимое HTML, и HTML все еще работал как обычно ... Что я делаю не так?

1 Ответ

1 голос
/ 10 марта 2009

Насколько я знаю, нет способа предотвратить это. Перекрывающиеся прозрачные изображения и Flash не могут выполнять переход по каждому пикселю. У вас есть два варианта: сделать весь сайт Flash или использовать HTML.

Например, ваши кнопки «снаряжение» могут быть разделены на две части; базовое изображение с более низким z-индексом, чем заголовок Flash, а тегу <a> может быть присвоен более высокий z-индекс, поэтому фактическая область ссылки, на которую можно нажать, незаметно нависает над всем остальным.

Для этого вам нужно принять во внимание несколько вещей:

  • <div> отвечает за размещение изображения, вы можете использовать стиль <img> или background-image.
  • теги <div> и <a> должны быть отдельными, а не вложенными в контейнер
  • <a> должен иметь стиль display:block;, чтобы ему могли быть заданы ширина и высота
  • <div> и <a> должны быть одинаковой высоты и ширины
  • Вы, вероятно, захотите использовать абсолютное позиционирование, чтобы правильно перекрывать их
...