2009-03-09 11 views
1

透明な背景を持つFlashヘッダーがZ-インデックスが10の相対配置されたdivの内側に含まれています。その結果、透明なウィンドウモードのFlashムービーがオーバーラップして、 HTMLコンテンツの上に残念ながら、非表示のFlashの下にあるHTMLにはアクセスできません。たとえば、アンカーは機能しません。 example can be found here。アンカーリンクの最上部がどのようにホバー状態をアクティブにしないかに注目してください。以前はHTMLのコンテンツとオーバーラップしていたFlashロールオーバーを見てきましたが、HTMLはまだ正常に機能していました...どうしたのですか?オーバーラップするFlashの下にHTMLを作成する方法

答えて

1

私が知る限り、これを防ぐ方法はありません。オーバーラップする透過画像とFlashでは、ピクセルごとのクリックスルーを行う方法がありません。 2つの選択肢があります。サイト全体をFlashにするか、HTMLで創造的にすることができます。

たとえば、「ギア」ボタンは2つの部分に分割できます。 Flashヘッダーよりも低いZインデックスを持つ基礎となる画像、および<a>タグには高いZインデックスが与えられ、実際のクリック可能な領域が目に見えなくなります。

  • <div>は画像を収容するための責任がある、あなたが<img>background-imageスタイルを使用することができます:あなたは考慮にいくつかのことを取る必要があります。これを行うために

  • <div><a>タグを分離する必要があり、コンテナ内にネストされていない
  • それは
  • <div><a>が同じ高さでなければならない幅と高さを与えることができるように<a>display:block;でスタイリングされなければなりませんそしてあなたは、おそらく彼らは正しく、私はあなたの方法の下で想定しています
+0

の重複取得するには、絶対位置を使用したいと思う

  • 幅私はCSSの背景を入れることができますアンカーではなく、divのイメージです。次に、jQueryを使用して、アンカーが上に乗ったときにdivのCSS背景イメージを変更することができました。 –

  • +0

    正確に。 htmlがきれいだからではないかもしれませんが、あなたのhrefタグにタイトルを設定してください。 – Soviut

    関連する問題