• 締切済み

アイフレームについて

よく素材屋さんに行くと、窓の左側とか下にメニューがあったり窓の中に文字とかリンクが貼ってありますよね? あれをしたいんですが、まず左側にメニュー、右側に窓の画像を表示する時はフレームを2分割しますよね? それで、右側にアイフレームをつけたいんですが、それは右側のページにアイフレームのタグを一緒に貼るんですか?それとも別にページを作って右側のページにリンクさせるんですか? 私がしたいのは完全に透過されてるアイフレームをつけるって事なんですが、自分でタグをつけてやると、どうしても真っ白になってしまうんです。スクロールさせたら下の窓の画像が出てくるんですが透過されてなくて…。 何か分かる方がいたら教えてください。

  • CSS
  • 回答数1
  • ありがとう数1

みんなの回答

回答No.1

まず、どこのサイトを参照されたのか教えていただけると幸いです。 あと、あなたの打たれたタグを公開していただけると、わかりやすくていいです。 iframeとのことですが、framesetのことを言われているのとは違いますよね? 透過させたiframeを作成する場合、用意した別のiframeのファイルのBODY部分に <BODY style="background-color:transparent;"> もしくは <HEAD>~</HEAD>の間に <STYLE type="text/css"> <!-- BODY { background-color: transparent; } --> </STYLE> CSSが有効なブラウザではiframeが埋め込まれているページの背景が透けて見えると思います。

参考URL:
http://tohoho.wakusei.ne.jp/css/reference.htm#background-color
nakiya
質問者

お礼

ごめんなさい!何となくですけど出来てきましたvv ありがとうございました。

nakiya
質問者

補足

http://www002.upp.so-net.ne.jp/littledear/ ↑のサイト様の【フレーム系・透過フレーム】のページのタグを参考にしてるんですが、そこにアイフレームのタグというのがあるんです。 アイフレームのたぐとはどんなものなんでしょうか…?

関連するQ&A

  • アイフレームについて

    アイフレームについて 画像のようにアイフレームを作りたいのですが リンクをプルダウンにし、赤枠の中を違うページにしたいです。 画像は、アイフレームではないですか? どうやったら良いでしょうか? タグを教えて頂けると有り難いのですが… どうか親切に教えて頂ける方がみえましたら宜しくお願いします。

  • アイフレームを固定する

    個人サイトを運営しているのですが、 文章の中で、説明の必要な用語に解説を付けたいと思っています。 自分のイメージでは、ページ上部に100×400位のアイフレームを設置し、用語をクリックするとそこに解説が表示される様にしたいのですが、そうすると下にスクロールした時にフレームが消えてしまいます。 なのでこのアイフレームを固定にしたいのですが、方法はありますか? 無ければサイドに用語集のフレームを作り、ページ内リンクで飛べる様にしようと思いますが、デザイン的にはアイフレームで一つずつ表示される様にしたいのです。 説明が分かりにくくてすみません。 もしよろしければ回答お願いします。

    • ベストアンサー
    • HTML
  • アイフレーム内の透過スクバが無効に

    背景画像を設定して、アイフレーム内を透過させています。また、透過スクロールバーにする為に、透過したい色をスタイルシートで『body{filter:chroma(color=透過したい色);}』のように指定しています。 アイフレーム内に表示されたHTMLファイルに、<a href="" target="_top">文字</a>とリンクを貼ると、次のページではアイフレームが解除されますが、ブラウザの戻るボタンで戻ってくると、上で指定した『透過したい色』が無効化されてしまいます。更新ボタンを押すとまた透過されます。 透過が無効化されないような、target="_top"リンクの 貼り方はあるのでしょうか? 試行錯誤してみたのですが原因が分かりません。お力をお借り出来たら嬉しいです。

  • リンクのターゲットをアイフレームにしたい

    http://themercies.mods.jp/top.html こちらのページなんですが、 下のメニューをクリックすると、上段左側のフレーム内のアイフレームに表示されるように設定したいのですが、 safariで見ると問題ないのですが、 IEで見てみたところ、メニューをクリックすると、同じフレーム内に表示されてしまいました。。 どうすれば解消できるでしょうか?? ちなみにsafariはmac OS Xで IEはwindows vistaで閲覧しました。。 普段は、macを使っています。

    • 締切済み
    • Mac
  • フレームを使わないページの移動方法

    http://park16.wakwak.com/~html-css/tag_dictionary/dic_page.html 上記のサイトのように、左側にある「ページ」「テキスト」「スクロール」というリンクをクリックすると右側に各ページが表示されます。しかし「ページ」「テキスト」「スクロール」は変わっていません。フレーム、アイフレームも使ってないみたいですが、どのように右側のページだけを変更しているんでしょうか?

  • セレクトメニューのリンク

    アイフレームを利用しているのですが セレクトメニューでリンクするタグがありますよね? 普通だと、その同じ頁内にリンクされるのですが アイフレームを利用しているので他の頁にリンクさせた員です。 セレクトメニューのリンクで他のフレーム(頁)にリンクさせるには どうしたらいいですか?

    • ベストアンサー
    • HTML
  • アイフレームか、フレームか。

    (1)http://emmajapan.com/のページや(2)http://www.unforgivable-curses.net/のページや(3)http://mugglenet.com/のページや(3)http://www.mugglethai.com/gallery/index.php?sessionid=53fd0aa4e7c076f4996cf4484da52dc9のページはアイフレームで出来ているのでしょうか?? このような形のサイトにしたいのですがどうしても上手くいきません。 上は画像、左はメニューやバナー、右はブログ風更新りれきにしたいです。 フレーム3分かつでやってみたのですが、まるごと1ページ分のスクロールバーがでません。 基本のhtmlなど、詳細に教えて下さい。

  • アイフレーム内でのリンク

    フレームの外にアイコン画像を張り、そのアイコンをクリックすると、フレーム内のページが変わるようにしたいのですが、タグの打ち方がわかりません。 元となるタグはわかったのですが、画像アドレスやフレーム内のアドレスを入力しても、上手くいかずに別のウィンドウでリンクしてしまったりするんです。 初心者なので、どうしたらいいかわからなくて・・・。 どなたか、分かりやすく教えていただけると嬉しいです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • アイフレームではない何か

    インフォシークの無料スペースを使用し始めたのですが、 トップページあるアイフレームに広告が入ってしまい困っています。 アイフレームのサイズが小さい為、広告が入るとても邪魔で(汗 無料なので我慢するしかないのかもしれませんが、 これをどうにかしたいのです。 ただ広告を消す事はできないので、代替案を考えるしかありません。 そこで以前にスタイルシートだった気がするのですが、を調べている時に div class で範囲指定した部分を重ねる事ができたような気がするのです。 それをリンクで呼び出す、というような。 もしかしたらとっても勘違いしてるかもしれませんが、 ホームページを見ているとフレーム(アイフレームも)を使っていないにも関わらず、ページを切り替えないで 表示している内容を切り替えているページもあるような? こんな事が可能でしたら是非解説しているサイトを教えて下さい。 もしくはやり方をご教授下さい。 よろしくお願い致します。 (説明がわかりずらければ補足致します)

    • ベストアンサー
    • HTML
  • オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。

    オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン(1~4)があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。