ホームページ > ウェブフロントエンド > htmlチュートリアル > 緊急!背景画像、透過FLASH、hyperlinks_html/css_WEB-ITnoseに関する困った質問

緊急!背景画像、透過FLASH、hyperlinks_html/css_WEB-ITnoseに関する困った質問

WBOY
リリース: 2016-06-24 12:25:44
オリジナル
1290 人が閲覧しました

この投稿は 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 は、ハイパーリンクを運ぶために直接使用されます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート