Wie HTML unter überlappenden Flash zugänglich machen

Question

Ich habe einen Flash-Header mit einem transparenten Hintergrund in einem relativ positionierten div mit einem Z-Index von 10. Der resultierende Effekt ermöglicht meinen Flash-Film mit einem transparenten Fenstermodus zu überlappen und zu schweben über den HTML-Inhalt. Leider ist der HTML-Code unterhalb des unsichtbaren Flash nicht verfügbar. Zum Beispiel werden die Anker nicht funktionieren. Eine example can be found here. Beachten Sie, dass der oberste Teil der Anker-Links den Hover-Status nicht aktiviert. Ich habe schon gesehen, dass Flash-Rollover HTML-Inhalte überlappten, und der HTML-Code funktionierte immer noch normal ... Was mache ich falsch?

Answer 1

Soweit ich weiß, gibt es keine Möglichkeit, dies zu verhindern. Überlappende transparente Bilder und Flash haben keine Möglichkeit, per Pixel zu klicken. Sie haben zwei Möglichkeiten, machen die gesamte Site Flash oder werden kreativ mit HTML.

Zum Beispiel könnten Ihre "Getriebe" -Tasten in zwei Teile aufgeteilt werden; ein zugrunde liegendes Bild, das einen niedrigeren Z-Index als der Flash-Header hat, und dem <a>-Tag kann ein höherer Z-Index zugewiesen werden, sodass der tatsächliche anklickbare Bereich des Links unsichtbar über allem anderen schwebt.

Um dies zu tun, Sie ein paar Dinge zu berücksichtigen brauchen werden: das Bild für den Wohnungsbau

• die <div> ist verantwortlich
  , erhalten Sie einen <img> oder einen background-image Stil verwenden könnte.
• die <div> und <a> Tags getrennt sein müssen, nicht in einem Container verschachtelt
• die <a> muss mit display:block; gestaltet werden, so dass es
eine Breite und eine Höhe gegeben werden kann
• die <div> und <a> die gleiche Höhe sein muss und Breite
• Sie werden wahrscheinlich die absolute Positionierung verwenden möchten, um sie zu erhalten überlappende richtig