壁紙を二つ固定したい(HTML)
- ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたいのですが、どちらか一つしか表示されません。
- 設定したHTMLの壁紙がどちらか一つしか表示されない問題を解決したいです。
- どうすればHTMLで壁紙を二つ固定して表示できるのか教えてください。
- ベストアンサー
壁紙を二つ固定したい。(HTML)
ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか?? お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>
- poohcchan
- お礼率71% (158/220)
- その他(インターネット・Webサービス)
- 回答数4
- ありがとう数4
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; div{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> スタイルシートを上のように片方のbodyをdivに変えて、 </head><body><div>~</div></body> としたらだめですか? 後、divの方には、「background-color: transparent;」を追加したほうが良いかもしれない。
その他の回答 (3)
背景固定は一つしかできませんよ。 各ページに背景は一つしかないですから。 どうしてもしたいのなら、1の人がいうように画像を一つにしてから、背景設定することですね。
お礼
ご回答ありがとうございました!
関連するQ&A
- 壁紙+画像(右・左・上・下)
これなんですが… どなたか教えていただけませんか? ↓は壁紙の色に(右に縦に画像)が並んで表示されます。 </STYLE> </style> <STYLE type="text/css"> <!-- BODY { background-color: #D6D6AD; background-image: url("○○○jpg"); background-repeat:repeat-y; background-attachment: fixed; background-position: right; } --> </STYLE> あと… ↓のをどのように入れれば上の1枚の壁紙に 一度に4ヵ所画像を並べられますか? (左に縦に画像を並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-y; background-attachment: fixed; background-position: left; (上に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: top; (下に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: botom; 宜しくお願いします。m( _"_ )mペコ♪
- ベストアンサー
- HTML
- 壁紙(画像の固定)
http://dsc.jugem.jp/?tid=23 ↑のテンプレを使用するつもりですが、このトップに画像をおきたいのですが、 例えば、壁紙をダウンロードしてきて貼り付けたら、一つの画像がいっぱい反映されるのです。 っていう事は固定すべきですよね? htmlで<STYLE type="text/css"> <!-- BODY { background-image : url("画像URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> ↑これは反映されなくて、cssだと反映されます。 しかしcssに、 background-image:url(画像URL) background-repeat:no-repeat; background-position:right bottom; ↑こう入れても反映されません。何故でしょうか?どういうタグを使えばいいのですか?
- 締切済み
- ブログ
- 右一列に壁紙を固定
スタイルシートで壁紙を上一列や、左一列に固定するものがありますよね? 私は右一列に壁紙を固定したいのですが、なぜか出来ないんです。 タグ講座のHPのタグをもらってそれを貼りつけているんですが なぜか表示されないんです。(ちゃんと<head>~</head>内に入れました) どうして表示されないんでしょうか? 配布されているタグが間違っているのでしょうか・・・? 一応、配布されているタグを載せておきます。 右一列に壁紙を固定する方法を知っている方がいましたら教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("壁紙のURL"); background-position: 100% 0%; background-repeat: repeat-y; background-attachment: fixed; } --> </STYLE> では、よろしくお願いします。
- 締切済み
- CSS
- 固定壁紙がアップできないヴィルダーがありますが
友人のパソコンがHPヴィルダーから固定壁紙がアップ出来ないというのです。 ちなみに私のパソコンからはヴィルダーから簡単に固定壁紙がアップ出来ました。 電話なのでよくわかりませんが聞くところによると、ちゃんと固定壁紙のソース <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> を<HEAD>~~</HEAD>の間に貼っているんだけどアップ出来ずに文字がそのままアップされるとか・・・ もちろん全部フィルは転送しているそうです。 もしヴィルダーの中を設定変更をしなければいけない場所があれば詳しく教えていただけませんでしょうか! 宜しくお願いします。
- 締切済み
- Windows XP
- HTMLでのサイト作りについて
メモ帳でHTMLのサイトを作ろうとしてるんですが、 画像を上部に一列表示がどうやってするのかわかりません。 そのソース、または <style type="text/css"> <!-- body { background-image : url("画像URL"); background-repeat: repeat-x; background-attachment: fixed; } --> </style> を、<HEAD>~</HEAD>に とかいてあるんですが、 <html> <head> <title>私のページ</title> </head> <body> 初めてホームページを作ってみた。 <br> </body> </html> のどこにいれるんですか? 教えてください><
- ベストアンサー
- その他(インターネット・Webサービス)
- 背景固定タグ
HP作り初心者です。 http://m-space.jp/でHPを作成しています。 背景を固定したくていろいろ調べたんですが、 うまくいきません。 ある、素材サイトで <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> を<head></head>の間にはさんでくださいとかいてあったんですがよくわかりません・・。 説明不足ですみません。 初心者なんで、詳しく教えていただきたいです。
- ベストアンサー
- その他(インターネット・Webサービス)
- 右下背景固定のタグをはってurlもはったのですが画像がでません!
<HEAD> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position:100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> こういうふうにうって画像のURLを張ったのですが 画像がうつりません。 アドレス(URL)や画像ファイルはまちがえてないと思います (フォレストでホームページをつくっているのですが、「マイ アルバム」で、ちゃんとその画像のアドレスをつかっているので) どうしてでしょう? 教えてください!! ほかに簡単な方法があればそれも教えていただきたいです。
- 締切済み
- その他([技術者向] コンピューター)
- HPの作成で: 壁紙をぼかしての、固定仕方
HPを初めて作成しています。 壁紙に、1枚の写真を右下に固定して使用したいのです。その際のタグは <style type="text/css"> <!-- body{ background-image:url("画像のアドレス"); background-attachment:fixed; background-repeat:no-repeat; background-position:right bottom ] --> </style> ということは解りました! そして、その画像を全体的にぼかしたいのです。 画像をぼかすタグは <img src="画像のアドレス" style="filter:Alpha(Style=2)"> ということも、調べました! ですが、このふたつをどう組み合わせたらいいのかがわかりません(ToT) どうか、初心者・応用の利かない私にアドバイス下さい。宜しく願い致します。 *IE 6.0
- ベストアンサー
- Windows XP
- 間違い。
このHTMLは間違ってますか? ページを表示しても真っ白になります。 背景を右端に固定したいのですが。。 <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> <BODY> ・ ・ </BODY> </HTML>
- ベストアンサー
- HTML
- 背景を右下に固定する方法
ビルダーでHP作成をしています。 どこかのHPで、下記のタグを使用しましたが、 保存すると、3行目の background-image:url("張りたい画像のURL"); の部分が消えてしまい、うまく表示されません。 どうしたらうまく行くでしょうか。 <style type="text/css"> <!-- BODY{background-image:url("張りたい画像のURL"); background-position:100% 100%; background-repeat :no-repeat; background-attachment:fixed;} --></style>
- 締切済み
- ホームページ作成ソフト
お礼
そういう方法があるんですね! 一度試してみたいと思います!ご回答ありがとうございました!