• ベストアンサー

背景を固定した時の表の背景

yasiteの回答

  • ベストアンサー
  • yasite
  • ベストアンサー率50% (8/16)
回答No.3

理屈からいくとBODYの背景が1番後ろで、TABLEの背景が2番目に後ろで、最前面がテキストとなるわけなので、ページ全体の背景画像とテーブル内の背景画像は表示されるハズなのですよね。 で、試しに <style type="text/css"><!-- body { background : #fffff0 url("○○.gif") 0% 0% no-repeat fixed ;} th { background : #3b3b3b url("○○.jpg") repeat ;} td { background : #6699cc url("○○.gif") 50% 50% repeat-x scroll} --></style> <body> <table align="left" height="10%" width="100%" border="2" cellspacing="0" cellpadding="2"> <th rowspan="11">test</th> <td>td-test</td></table></body> というのを作ってみました。これを改造して作ってみてください。 もしかして、CSSでTD要素に背景画像を固定させて、今度はTD要素の属性で背景画像を並べる、ということでしたらレンダリングされないです。そもそもその使い方はかなりおかしいですし。 あと、Netscape社のブラウザではBODY要素以外の背景画像以外はレンダリングがおかしくなることが多いです。

関連するQ&A

  • 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> とでてくるんですが・・・

  • ホームページビルダーV9での背景固定について

    ホームページビルダーV9を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>

  • 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> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします

  • 背景固定タグ

    HP作り初心者です。 http://m-space.jp/でHPを作成しています。 背景を固定したくていろいろ調べたんですが、 うまくいきません。 ある、素材サイトで <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> を<head></head>の間にはさんでくださいとかいてあったんですがよくわかりません・・。 説明不足ですみません。 初心者なんで、詳しく教えていただきたいです。

  • 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の上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。

  • 2つ画像を背景にするスタイルシートってある?

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!--    BODY {       background-image:素材のURL;       background-position:0% 100%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

    • 締切済み
    • CSS
  • 写真素材の背景

    写真素材の背景で、例えば右下に表示するためのタグがありますよね? それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか??↑で何度かやってみたんですが、ちゃんと右下に表示されません。

  • DreamwerverMX2004での背景固定がうまくいきません

    お世話になります 実は、背景固定を<head></head>内に指定したのですが、ブラウザでうまく見れません。 ドラッグすると文字がザーっと下につながるようで通常ありえない画面になります。 リンクの際には今の画面と次の画面が重なるように一緒に出てしまいます。 タグは以下の通りです <STYLE type="text/css"> <!-- BODY { background-image : url(sozai/tulip_white01.jpg); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> 尚、ブラウザチェックエラーのコメントは background-repeatは再描画上の重大な問題の原因になることがあるため、使用を避けてください となります すみませんが、とても困っています。 誰か教えてください!

  • 背景の2重指定 タグ

    はじめまして。 背景のタグについて悩んでいまして、 一つは左上に、右下が隙間があるので、もう一つは右下に固定したいのですが、そのような事はできるでしょうか? 今は左上だけできるのですが、右下に固定のやり方がどうしてもわかりません;; このような感じです↓ <style type="text/css"> <!-- body { background-color: #ffffff; background-image: url(http://db1.voiceblog.jp/data/bokunikudasai/1222662705.jpg); background-repeat: no-repeat; background-attachment: fixed; } --> </style> <STYLE type="text/css"> ここからできるでしょうか? わかりにくい質問で申し訳ないのですが、教えてくださったら嬉しいです。

  • 背景の固定、繰り返しなし、スクロールなしの方法

    こんにちは。 題名の通り、大判壁紙を左上に固定し、ついでに壁紙がスクロールしないようにしたいのですが、できません。ちなみに、 <STYLE type="text/css"> <!-- BODY { background-image : url("背景のURL"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; } --> </STYLE> というのをはると出来る、と、素材やさんに書いてあったのでやってみたんですが、ダメでした。使ってるソフトはGO LIVE5.0で、スタイルシートが簡単に使えるようになっていて、それでもやってみたんですがなぜか出来ません。もう…「お手上げじゃああああ!!!」いうかんじなのです(涙)この質問で出来なかったら諦めますが…一体何が問題なんでしょう?ぜひアドバイスよろしくお願いします。