- 締切済み
gifアニメを背景に並べずに表示させたいです
- みんなの回答 (3)
- 専門家の回答
みんなの回答
HEAD内にスタイルシートで指定します <STYLE type="text/css"> <!-- BODY {background-image:url(abc123.gif);background-repeat:no-repeat; background-position:400px 250px;} --> </STYLE> このソースでは 背景画像:abc123.gif 繰り返し:なし 横位置:左から400ピクセル 縦位置:上から250ピクセル になります
- 0511sk
- ベストアンサー率100% (4/4)
スタイルシートで、 「background-repeat」と、 「background-position」を使います。 詳しくは、↓のページを見てください。 http://www.htmq.com/style/background-position.shtml http://www.htmq.com/style/background-repeat.shtml
- xeno-rd
- ベストアンサー率22% (28/123)
cssを使ってみてはいかがでしょうか?
関連するQ&A
- 背景に二つ表示
まずひとつ。 <BODY>タグに入る、背景画像(この画像はもう背景をとして使えるので位置は指定せず、<BODY>タグに入れました) そしてもうひとつ。 右下に画像を固定したいのです。 そうすると、 <HEAD>タグに一つ、入ります。 そして<BODY>タグにも入ります。 両方表示させると、<HEAD>タグのほうしか反映されません; まとめると、 背景画像+右下に画像を固定表示させるにはどうしたらいいでしょうか?
- 締切済み
- その他([技術者向] コンピューター)
- 複数指定の背景が表示されない
困っているのでどなたかお力添えをお願いします。 htmlとbodyにそれぞれ別の背景画像を指定しているのですが、 IE6でのみ片方の背景が表示されません。 html { background: url(../images/bg.jpg) repeat center bottom; } body { background: url(../images/header-bg.jpg) repeat-x center top; } どうすれば表示されるようになるでしょうか? divを使う背景画像の複数指定が上手くいかなかったのでこのやり方をしています。
- ベストアンサー
- HTML
- divの背景を高さ100%表示
以下のように、divをつかって背景色を設定した際、 右のピクセル指定の背景は、スクロールバーが出た場合でも 指定された高さまで背景色が表示されるのですが、 左の100%表示指定の方はウィンドウで隠れた部分で切れてしまいます。 色々調べたのですが、 過去にも同じような内容で質問があり、min-heightを追加する事で解決するとありました。 同じように試してみたのですが、思ったように表示がされません。 指定している場所が間違っているのでしょうか? <style type="text/css"> html{ height:100%; } body { height:100%; } #test1 { height:auto !important; height:100%; min-height:100%; float:left; width:400px; background-color:black; } #test2{ float:right; height:800px; width:400px; background-color:black; } body > #test1 { height: auto; } </style> </head> <body> <div id="test1"></div> <div id="test2"></div> </body> </html>
- ベストアンサー
- HTML
- 背景の表示が出来ません。
ただいま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の背景画像の表示位置を変更する方法
HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか? 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。
- ベストアンサー
- HTML
- 作っているページ内に背景を表示させるには
勉強不足で申し訳ありませんが、ホームページを独学で作成しています。 横幅950ピクセルのサイトを、中央表示させるように考えています。 その950ピクセルの左上の部分に、(繰り返しの無い)背景画像を表示させたいのですが、 CSSファイルにbackgroundで指定してやると、どうやら表示する画面のサイズに左右されるらしく、 範囲外に背景画像が出たり、自分が考えているのとは違う位置に表示されてしまいます。 ページ内のひとつの要素として、背景画像のように扱えるイメージを挿入するには、どうすれば良いでしょうか。
- ベストアンサー
- CSS
- HPの背景画像が表示されません
ホームページNinja9を利用してHPを作成しております。cssを使って背景画像を固定しているのですが、自パソコンから閲覧すると背景画像の固定表示はさていました。しかし最近、他パソコンから閲覧した際その背景画像が全く表示されていないことに気がつきました。当サイトの全てのページにおいて背景が表示されておりませんでした。そのパソコンで閲覧した他サイト様の背景はきちんと表示されていましたので自サイトの問題と認識しております。 しかし、その理由がわからなく困っております。どなたか教えて頂けないでしょうか。 因みに、使用したcssは次の通りです。 <style type="text/css"> <!-- body {background-image : url("◇◆◇.jpg"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat;} --> </style> ◇の部分のファイル位置は確認しましたが正しかったようです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 背景に使うjpgを大きめに表示する
背景に一枚の大きめの写真をもってきたいのですが もともとのjpgがおもっているものより少し小さめなので大きく表示させたいのですが思うようなタグをみつけれず <BODY BACKGROUND="longva.jpg" WIDTH="1000" HEIGHT="700"> としてもだめでした。 よろしくおねがいします。
- ベストアンサー
- HTML