重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

背景設定する時に固定したいのですが、方法が分かりません。どなたかお願いします。

A 回答 (5件)

><body bgcolor="#ffffff" background="file:///画像の場所">


<body style="background-image:url("画像URL"); background-attachment: fixed;">

<body bgcolor="#ffffff" background="file:///画像の場所">は必要ありません。
<body style="background-image:url("画像URL"); background-attachment: fixed;">の記述だけで十分です。

念の為、画像URLのパスは合っていますか?

>ちなみにCSS スタイルシートで設定する場合はソースエディタ画面で設定するのですか?

ちょっと、質問の意味が分かりにくいですが…まぁ、普通のメモ帳とかでも出来ると思いますが。
    • good
    • 0
この回答へのお礼

遅くなりました。やっと出来ました!長々とどうもありがとうございました。これで次へ進めそうです★

お礼日時:2006/09/04 22:04

確認ですが、スクロールしても背景画像を動かさないようにしたいと言う解釈で間違いありませんよね?



><body bgcolor="#ffffff" background="file:///画像の場所.jpg">

CSSで指定しない形でやりたいのであれば、

<body style="background-image: url("画像URL"); background-attachment: fixed;">

でも出来ますね。もし、何枚もページを作成されていて上書きされる形になるので、特定のページだけ他の背景画像を指定したい場合には便利です。

スタイルーシートで指定したい場合には、
<style type="text/css">
<head>
body {
background-image: url("参照したい画像のURL");
background-attachment: fixed;
}
</head>
</style>
#3の回答でstyleの指定の部分が抜けていました、すいません。このソースを貼り付ければ出来ると思います。

この回答への補足

うまくいきません。これで合ってますか?
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=x-sjis">
<meta name="generator" content="Adobe GoLive 5">
<title>  </title>
</head>

<body bgcolor="#ffffff" background="file:///画像の場所">
<body style="background-image:url("画像URL"); background-attachment: fixed;">
<p></p>
</body>

</html>

指示通りにしてみたのですが、確認表示させると今度は画像が表示されなくなります。ちなみにCSS スタイルシートで設定する場合はソースエディタ画面で設定するのですか?いまいちやり方がわからないです。よろしくお願いします。

補足日時:2006/08/26 23:14
    • good
    • 0

>これはHTMLソースをコピぺしたらいいのでしょうか?



えぇ、その通りです。
コピペする場所ですが、headタグの間にコピペします。
<html>
<head>
body {
background-image: url("参照したい画像のURL");
background-attachment: fixed;←の記述で固定できます。
}
</head>
<body>
</body>
</html>
気をつける点として…
タグと要素とセレクタ↓
http://www.tohoho-web.com/css/basic.htm#TagEleme …
参考になりましたでしょうか?
    • good
    • 0
この回答へのお礼

遅くなりました。丁寧なご説明ありがとうございます。早速試したのですが、何度やっても上手く固定されませんでした;
ちなみにソースはこのように表示されます

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=x-sjis">
<meta name="generator" content="Adobe GoLive 5">
<title>title</title>
</head>

<body bgcolor="#ffffff" background="file:///画像の場所.jpg">
<p></p>
<p></p>
</body>

</html>
言われたとおりの所にコピぺしましたがダメでした!

お礼日時:2006/08/24 23:38

スタイルシートですね、それならalphaEDIT v2.0.3っていうソフト(フリー)があります。

背景固定のし方
まずダウンロードします、それでalphaEDIT.exeを起動します、それで画像を固定させたいHTMLファイルを開いて、
右クリックそうするといろいろ出てきます、それのスタイルシートをクリックそして、背景のタブをクリック後は見ればすぐに理解できます、説明へたですいません。
参考になったかな?

参考URL:http://www.pololon.com/koby/software.php?id=alph …

この回答への補足

alphaEDIT.exe開けませんでした。「作成した亜ぷリレーションがありません」と表示されます。ちなみに
OSはマックです。

補足日時:2006/08/20 00:28
    • good
    • 0

固定?スクロールしても背景が動かないようにすると言う事でしょうか?


ならばCSSが良いのでは?
http://www.htmq.com/style/background-attachment. …

参考URL:http://www.htmq.com/style/background-attachment. …
    • good
    • 0
この回答へのお礼

ご返答ありがとうございます。これはHTMLソースをコピぺしたらいいのでしょうか?ちょっといまいちやり方がわかりません。

お礼日時:2006/08/20 00:00

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!