下記の画像ですが
フレームを4つにわけて作りたいのですが
フレームBのところにある
いるか^^;をフレームA,フレームDにまたがって
表示させたいのですができるのでしょうか?
http://www2.tontonme.ne.jp/users/ching/tes/11111 …
No.2ベストアンサー
- 回答日時:
画像として表示するのですか?
背景なら1枚の画像でフレームを横断して表示させられますが…
背景じゃまずいですか?
*背景としての1つの画像に連結するCSS
画像を横断させようとしているので、フレーム枠は0になっているものとします。
仮に
フレームAの高さ100px
フレームBの高さ200px
フレームDの高さ任意
とします。
背景画像はimgというディレクトリに入っているiruka.jpgとします。
フレームABC用のHTMLファイルと同じ階層にimgというディレクトリがあるとします。
フレームAに入るHTMLファイル用のCSS
body{
background:url('img/iruka.jpg') no-repeat fixed 0px 0px;}
左上0地点から背景表示開始。
フレームBに入るHTMLファイル用のCSS
body{
background:url('img/iruka.jpg') no-repeat fixed 0px -100px;}
上に100px(フレームAの高さ)はみ出る
フレームDに入るHTMLファイル用のCSS
body{
background:url('img/iruka.jpg') no-repeat fixed 0px -300px;}
上に300px(フレームA+Bの高さ)はみ出る。
'img/iruka.jpg'部分は適宜変えてください。ファイルから見たパス。
no-repeatは繰り返さないの意味
fixedはウインドウをスクロールしても画像が動かない(ついてこない)意味。
0px -300px
横(左)からの位置 縦(上)からの位置の順番
フレームのそれぞれの高さに合わせて変更。
それぞれのフレームに入るHTMLファイルにスタイルシートを記入。
もしくは外部CSSで…
HTMLファイルの階層が変わるのなら、画像ファイル指定は、http://~/img/iruka/jpg フルに書いてしまっても構いません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- その他(ファッション) スポーツメガネでフレームの色は白などはあり? 2 2022/11/30 07:26
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- メガネ・コンタクト・視力矯正 眼鏡が小さくて横や後ろが見づらい 6 2023/07/04 08:49
- ドライブ・ストレージ HDDを5台入れられる金属フレームは売っているでしょうか? HDDを5台くらいをスライドさせて入れて 3 2022/05/11 05:43
- Visual Basic(VBA) フレーム内のオプションボタンの選択結果をセルに書き出したい。 図のような預金種目というフレームにオプ 2 2022/07/29 11:12
- スポーツサイクル ポスターフレームについて 1 2022/12/24 16:50
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- その他(ファッション) メガネフレームについて 2 2023/01/08 18:02
- サングラス・カラコン 4000円以内のメガネフレーム 9 2022/12/01 10:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレーム内のPHPへPOSTで情報を...
-
html リンクを別フレームに表...
-
どのページもすべて同じURLなの...
-
ブラウザで4分割表示できますか?
-
フレームで指定している送信先...
-
フレーム使用時のページの更新...
-
html 左メニューから右への表示...
-
フレーム分割後の別フレームを...
-
フレームの片方だけを更新(リロ...
-
WebサイトでHTMLのフォームに隠...
-
2つのページを重ねたい
-
FRAME SRC内のボタン
-
HTMLの画面分割方法について
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
ホームページでファイルをダウ...
-
htmlファイルの表示が真っ白
-
htmlの中にexcelが埋め込むには...
-
Dreamweaverでページ全体が文字...
-
googleドライブで、PDFファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フレームの片方だけを更新(リロ...
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
2つのページを重ねたい
-
フレームが表示されない><
-
スクロールできない
-
スタイルシートで背景画像を固...
-
ブラウザで4分割表示できますか?
-
フレームページが表示されない...
-
WordファイルをHTMLに埋め込む方法
-
html 左メニューから右への表示...
-
CSSを使って画像をクリックする...
-
上下フレーム分割ページでプル...
-
URLを変えないで表示する方法
-
フレームの表示と非表示の切り替え
-
フレームあり、なしの違い
-
フレーム内に画像を表示する際...
-
違いを教えてください?
-
左フレームからのリンクを右フ...
-
インラインフレームへのリンク...
おすすめ情報