背景のデザインをスクロールさせても固定したいのですが…。
背景のデザインに"イルカいるか"を使用しているのですが、background-attachment: fixed;を#header{
background:url(http://...test.jpg) repeat-x;
background-attachment: fixed;
}
の様にしても上手くできません。
body{の後にはbackground-image: urlの様な記述はみあたりません。
どちら様か御伝授いただけませんでしょうか。
宜しくお願い申し上げます。
回答(1)
1.

でしたら、ヘッダーではなく、ボディ部分に以下のものを書き加えてみて下さい。
body{
background:url(背景画像のURL);/
background-attachment : fixed;
}
解決済みにしなくてはいけなかったんですね。
遅くなり失礼しました。
お許しください。
再度御礼申し上げます。
コメント(8)
body{
margin:0 auto;
padding:0;
color:#98d8f6;
text-align:center;
font-family: verdana ,arial ,sans-serif;
background:#000
}
これを
body{
background:url(http://image.blog.livedoor.com/img/usr/t_iruka/sen.gif) repeat-x 0 100%;
background-attachment : fixed;
margin:0 auto;
padding:0;
color:#98d8f6;
text-align:center;
font-family: verdana ,arial ,sans-serif;
background:#000
}
こうして見ましたが駄目でした。><
どうすればいいのでしょうか?
勉強不足の上、わからずやですいません。
いい忘れましたが、正にayame様のブログのように作ってみたいのです。
宜しくお願い申し上げます。m(_ _)m
とりあえず…
background:url(http://image.blog.livedoor.com/img/usr/t_iruka/sen.gif) repeat-x 0 100%;を、
background:url(http://image.blog.livedoor.com/img/usr/t_iruka/sen.gif); repeat:repeat-x; background-position:0% 100%;にしてみて下さい。
その間に、他の原因(になりそうなもの)を調べてみます☆
○途中報告○
変えるべきものは、場所の他に画像もだったみたいです。
http://image.blog.livedoor.com/img/usr/t_iruka/sen.gifではなく
http://image.blog.livedoor.com/img/usr/t_iruka/head03.jpgが、イルカの画像なので…。
でもまだ、そこまでしか分かっていません↓
結果が出ました。。。
あのイルカを固定させるのは、【ムリ】なようです↓
理由は、あのイルカは、私のブログでいうところのhttp://ayamexrose.hp.infoseek.co.jp/pla1.JPGの画像に当たるからです。
早くに気付かなかった上に、お役に立てず、ごめんなさい。
僕も無知ながら試してみてましたが
要するにイルカの画像は記事と一緒に動いていくんですね
紅夜瞳様、大変御足労かけました。m(_ _)m
心より御礼申し上げます。
PS.僕もXは好きです
KISSとかも聞くのですが、YOSHIKIがKISSの"BlackDiamond"と言う楽曲をカバーしてたのを思い出しました。
本当に有難うございました。
BlackDiamond、懐かしいですね♪
機会があったらブログやHPに遊びに来て下さいませ◎(笑)



