- ベストアンサー
スタイルシートで・・・
スタイルシートを使った掲示板の背景を固定させたいと思います。 「background-repeat: repeat-y; background-position: center・・・」 上記がその掲示板の背景の変更欄なんですが、repeatじゃなくfixedと入れてみましたが固定されません。 どうしたら背景が固定されますか？ わかる方お願いします！
- sakura-drops
- お礼率50% (14/28)
- HTML
- 回答数7
- ありがとう数1
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
掲示板の <STYLE type="text/css"><!--TD { font-size: 10px } TD { word-spacing: 0.4px } BODY { background-image: url(http://plastic.ac/sambk.gif); background-repeat: repeat-y; background-position: center} input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> の background-repeat: repeat-y; を background-repeat: no-repeat; にすれば リピートされませんね。 元に戻って <STYLE type="text/css"><!--TD { font-size: 10px } TD { word-spacing: 0.4px } BODY { background-image: url(http://plastic.ac/sambk.gif); background-repeat: no-repeat; background-position: center} input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> これで動作確認してはどうでしょうか。 また、fixedを使う場合は <STYLE type="text/css"><!--TD { font-size: 10px } TD { word-spacing: 0.4px } BODY { background-image: url(http://plastic.ac/sambk.gif); background-attachment:fixed; background-repeat: no-repeat; background-position: center} input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> このようにすれば 背景画像が固定され、画像は一つしか表示されません。 （動作確認済み） もし、これで動作しないようでしたら ブラウザの問題かもしれません。 参考までに下記ＵＲＬをご確認ください。 なお、「 background-repeat: no-repeat; 」は ＩＥ３以外では動作するようです。 （ http://tohoho.wakusei.ne.jp/wwwcss3.htm ）
その他の回答 (6)
- onimotsu
- ベストアンサー率36% (279/758)
あと考えられるのは ＯＳとブラウザの問題かもしれません。 スタイルシートは万能ではありませんので。 少し調べてみます。
補足
わかりました(^-^) 参考になるかどうかはわかりませんが、私が使っている掲示板はhttp://plastic.ac/edu.cgi?editのものです。
- onimotsu
- ベストアンサー率36% (279/758)
BODY { background-image: url(***jpg); background-attachment: fixed; background-repeat : no-repeat } の最後に「;」が抜けてますね。 BODY { background-image: url(***jpg); background-attachment: fixed; background-repeat : no-repeat; } これではどうでしょうか。
補足
ほんとにほんとにすいませんです！！ ；は入れて見ましたが変化ないんです（大泣） ここまでしていただいて、なんだか申し訳ないです(__)
- onimotsu
- ベストアンサー率36% (279/758)
これならどうでしょうか。 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- body { background-image:url("***.JPG"); background-attachment:fixed; background-repeat : no-repeat; } --> </STYLE> </HEAD> <BODY></BODY> </HTML> 上記で動作確認済み。
補足
何度もすいません！ 下記がスタイルシートのログです（背景はやっぱり、いっぱいでちゃいました(;_;) <STYLE type="text/css"><!--TD { font-size: 12px } TD { word-spacing: 0.4px } BODY { background-image: url(***jpg); background-attachment: fixed; background-repeat : no-repeat } input,textarea {border-left:1px solid dcdcdc;border-right:1px solid dcdcdc;border-top:1px solid dcdcdc;border-bottom:1px solid dcdcdc;background:ffffff;}--></STYLE> どこが問題なんでしょう？
- onimotsu
- ベストアンサー率36% (279/758)
background-repeat : no-repeat; ↑を付け加えればいいと思います。
補足
ダメでした(T_T) あと一歩だと思うんですが、背景がひとつでいいのにいっぱいでちゃいます（泣）
- onimotsu
- ベストアンサー率36% (279/758)
もう一つ参考になるのがありました。 ついさっきの質問です。
補足
ありがとうございます！ 今、やってみました(^^) 画像は固定できたのですが、たくさんでてしまうんです！ ひとつだけにしたい時ってどうしたらいいのでしょうか？ うーん、困ります・・・(>_<)
- onimotsu
- ベストアンサー率36% (279/758)
過去に同様の質問がありますが そちらの方法ではどうでしょうか。
お礼
2番目のfixdの方で希望の通りになりました！ なんだか、とっても嬉しいです！！ 気持ち的にはもっと点数差し上げたいんですが, ほんとにほんとにありがとうございました。 感謝の気持ちでいっぱいです(^-^)