この投稿は zhaishang1 によって最終編集されました: 2013-12-16 09:07:25
3 つの DIV があり、FLOAT に設定され、並べて表示されています。中央の DIV は 1280PX の固定幅で、残りの 2 つの側面は画面幅の残りのサイズに応じて均等に配分されます。
次に、中央の DIV に背景画像を追加し、隣接する 2 つの DIV にも背景画像を追加して隅を補完しました。最後に、真ん中のDIVに透明なFLASHを挿入しました。現時点では、これらは完全に実装されています。エフェクトは次のとおりです:
上部と中央に透明な FLASH エフェクトがあることがわかります。これら 2 つの FLASH は中央の DIV にあります。上には星、真ん中には蝶が描かれています。
しかし、ここで問題が発生します。背景画像のこれら 5 つのアイコンにハイパーリンクを追加したいと考えています。
これらの FLASH がない場合は、中央の DIV を IMG に変更し、この IMG をブロックレベルの要素に変換し、最後に MAP タグを使用して usemap を IMG タグに追加するだけです。しかし、元の状況では真ん中に DIV があり、背景画像
が設定されているだけなので、今はこれらの FLASH を保持しておきたいと思います。したがって、これら 2 つの FLASH など、コンテンツを DIV に配置することができます。現在は IMG に置き換えられ、実際の画像である FLASH を配置できなくなり、再度配置すると下に押し込まれてしまいます。もちろん、IMG に背景画像を追加すると言うかもしれませんが、それは機能しませんでした。
その説明は何ですか?専門家を探しています
ディスカッション (解決策) に返信します
外側のレイヤー
に div.position:relative を配置し、この div を使用してクリック可能な画像を運びます
わかりません、親指を立ててください上!
外側の div.position:relative に div.absolute を配置し、この div を使用してクリック可能な画像をホストします
はい、あなたの返信を読む前にすでに解決していましたが、私の解決策でもまったく同じです。
これらの 5 つのアイコンは、この背景画像を作成したときに既に背景画像の一部として組み込まれているだけです。
したがって、新しく作成された最後の 5 つの DIV は、ハイパーリンクを運ぶために直接使用されます。