- ベストアンサー
背景と別の画像を右下に固定して表示するには？
(1)背景を表示して、さらに(2)右下の位置に固定して別の画像を表示することは出来るのでしょうか？ (1)だけなら、BODYタグの中で設定すれば出来ました。 (2)だけなら、某サイトでコピペしたものを使わせてもらい、表示することが出来ました。 しかし、二つを同時にしようとすると、２番目のものしか表示されません。 どうすべきなのか、無理なのか、ご存知の方、教えてください。 ちなみに、(2)のコピペとは以下のものです。スタイルシートというのでしょうか？良くわかりませんが。 <STYLE TYPE="text/css"> <!-- BODY{ background-image:url(gazou.png); background-attachment :fixed; background-repeat: no-repeat; background-position: 100% 100%; } --> </STYLE>
- ma-rusuke
- お礼率84% (11/13)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ページ中をテーブルで囲って表示してはいかがでしょうか。 bodyに背景を一つ。 固定する背景は、tableのtdに対して行う。 つまり、 <html> <head> <STYLE TYPE="text/css"> <!-- body { background:url(hoge.gif); } .MainTable td{ background-image:url(gazou.png); background-attachment :fixed; background-repeat: no-repeat; background-position: 100% 100%; } --> </STYLE> </head> <body> <table width="100%" cellspacing="0" cellpadding="0" border="0" class="MainTable"> <tr><td> ～～～～ </td></tr> </table> </body> </html>
その他の回答 (1)
- siyuno_o
- ベストアンサー率26% (135/510)
背景では無いのですが、IE5以降のみでしか動作しませんが、スタイルシートのフィルターを、使えばよく似た事が出来ます 不透明度は、0(透明)～100 <DIV style="FILTER: alpha(opacity=不透明度); POSITION:absolute;top:100%;left:100%;"> <img src="イメージのURL"border=0> </DIV>
お礼
回答どうもありがとうございます。 様々な方法があるのですね。この場合はスクロールバーを動かしたときに絵が動かないのとtopxx%;leftxx%;の数字を画像の大きさや見てる人のブラウザの表示サイズによって変えないといけないみたいですね。 参考にさせていただきました。
関連するQ&A
- 背景を右下に固定する方法
ビルダーでＨＰ作成をしています。 どこかのＨＰで、下記のタグを使用しましたが、 保存すると、３行目の 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>
- 締切済み
- ホームページ作成ソフト
- 写真素材の背景
写真素材の背景で、例えば右下に表示するためのタグがありますよね？ それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか？？↑で何度かやってみたんですが、ちゃんと右下に表示されません。
- 締切済み
- その他（インターネット・Webサービス）
- 背景画像固定タグ
こんばんは。 背景画像を右一列や左一列に固定をしたいのですが、今まで出来ていたのに何故か出来なくなってしまいました。 使用しているサーバーは2スタイルです。 画面全体に表示させることは出来ました。 <STYLE type="text/css"><!-- body{ background-image:url(アドレス); background-attachment:fixed; background-repeat:repeat-y; background-position:right;} --></STYLE> このタグで間違いはないと思うのですが表示できません。 HEADの間に入れています。 お力を貸してください。宜しくお願い致します。
- 締切済み
- HTML
- Webタグの背景について
今HPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか？ 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですが・・・
- 締切済み
- その他([技術者向] コンピューター)
- 画像を固定して貼りたいとおもい、下記のように記述しました。
画像を固定して貼りたいとおもい、下記のように記述しました。 <STYLE type="text/css"> <!-- body { background-image : url("pigu1.png"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; background-color:#666666; } --> </STYLE> これをリンクにすることは可能でしょうか？ また、画像を横にもう一つ増やせるのでしょうか？ 教えてください。 宜しくお願いします。
- ベストアンサー
- HTML
- ホームページビルダーＶ９での背景固定について
ホームページビルダーＶ９を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
- 背景の表示が出来ません。
ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません； <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので＾＾；)
- 締切済み
- HTML
- HTMLでの背景画像設定について
はじめまして。 HP作成初心者なのですが、いろいろとネットで調べながら作成しています。 フレームを使っていて、メニュー画面側のほうに画像をふたつ使いたいと考えています。 それぞれ左上と左下とで固定する画像なのですが、それがどうしてもふたつ同時に表示できません。 <style type="text/css"> <!-- BODY {background-image : url("bg2.jpg");background-position: 100 0%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> <style type="text/css"> <!--BODY {background-image : url("bg.jpg");background-position: 0 100%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> という感じに記述しているのですが、こうすると、下にあるbg.jpgのみが反映されてしまって、bg2.jpgは反映されません。 また、bg2.jpgの上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 右下背景固定のタグをはって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）や画像ファイルはまちがえてないと思います （フォレストでホームページをつくっているのですが、「マイ アルバム」で、ちゃんとその画像のアドレスをつかっているので） どうしてでしょう？ 教えてください!! ほかに簡単な方法があればそれも教えていただきたいです。
- 締切済み
- その他([技術者向] コンピューター)
- Webの背景について
今HTML、CSSなど使ってHPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか？ 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします
- ベストアンサー
- その他（プログラミング・開発）
お礼
思っていた通りに表示させることが出来ました。 ページ内のほかの部分に<table>を使っていたのでそちらにも画像が表示されてしまったのですが、そのタグより下に<table ... "MainTable">を貼り付けたらうまく表示されました。 どうもありがとうございました。